jQuery コンテントフィルタ(5) 「:parent」フィルタ

テキストを含めた何かしらの子要素をもつ要素を選択します。
:emptyフィルタの逆バージョンと考えてよいと思います。

たとえば、$(“div:parent”) とすると、div要素の中で子要素を持つものを抽出します。

以下にサンプルを示します。







$(function(){
        $('h3:parent').css("background", "yellow");
});



japan

zack japan

kamo japan

torushie japan

favorit fruit

  • 1. banana 69
  • 2. apple 148

以下の処理は、h3タグの中で子要素を持つ要素に対し、背景を黄色に設定してます。

$('h3:parent').css("background", "yellow");

この例では、h3タグの中では一番目のh3タグのみ子要素を持つため、一番目のh3タグ
のみ背景が黄色になっていることがわかります。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>