スポンサーリンク
スポンサーリンク

jQueryのセレクター3 parent/contains/hasセレクター

jQuery

前回と同様にjQueryのセレクターを紹介します。

parentセレクター

parentセレクターは、何かしらの子要素や何かしらの
文字を含む要素を指定できるセレクタです。
CSS3のempty擬似クラスと逆のセレクターです。

contains/hasセレクター

containsセレクターは特定の文字列が含まれている要素を
hasセレクターは特定の要素が含まれている要素を指定できます。

下記のサンプルコードだと、「東京」という文字が含まれて
いるので文字が太く、赤くなります。

「神奈川」と文字列を<strong>タグで
囲っているので青くなります。

そして、parentで指定している<li>タグで何かしらの
子要素、文字を含んでいる物の背景は黄緑になります。

実行結果はこちらです。

コメント

タイトルとURLをコピーしました