ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS セレクター (または JavaScript) を使用して最後に表示されている Div を選択するにはどうすればよいですか?

CSS セレクター (または JavaScript) を使用して最後に表示されている Div を選択するにはどうすればよいですか?

Barbara Streisand
リリース: 2024-11-30 20:00:19
オリジナル
954 人が閲覧しました

How Can I Select the Last Visible Div Using CSS Selectors (or JavaScript)?

最後に表示されている部門を取得するための CSS セレクター

提供された HTML レイアウトには、非表示の部門を除き、最後に表示されている部門を選択するという難しいクエリが表示されます。 (「表示:なし」としてマークされます)。 CSS セレクターは属性と位置に基づいてさまざまな要素を効果的にターゲットにできますが、特定のコンテキスト内で表示される要素と非表示の要素を区別する機能がありません。

この制限を認識して、別のアプローチを検討することもできます。

JavaScript または jQuery の利用:

JavaScript またはその人気のあるライブラリである jQuery を活用することで、ドキュメント オブジェクト モデル (DOM) にアクセスして、HTML 要素を動的に操作できます。この強化された機能を使用すると、次のコードを使用できます。

var last_visible_element = $('div:visible:last');
ログイン後にコピー

このコードは、ページ上に表示されているすべての部門を取得し、最後に表示されている部門を選択します。ただし、柔軟性を向上させるために、対象の部門をクラスまたは ID 内でラップすることを検討することをお勧めします。この改良により、以下に示すように、より具体的なターゲティングが可能になります。

var last_visible_element = $('#some-wrapper div:visible:last');
ログイン後にコピー

注: このソリューションでは、ページに jQuery または JavaScript を実装する必要があります。

以上がCSS セレクター (または JavaScript) を使用して最後に表示されている Div を選択するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート