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タグ
のみ背景が黄色になっていることがわかります。
/

コメントを残す

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

five × four =