jQuery コンテントフィルタ（5） 「:parent」フィルタ

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

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

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

<title>基本フィルタ</title>



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



<h3>japan</h3>
<div id="first">
<p>zack japan</p>
<p>kamo japan</p>
<p>torushie japan</p>
</div>
<h3></h3>
<div id="second">
<p>favorit fruit</p>
<ul>
        <li>1. banana 69</li>
        <li>2. apple 148</li>
</ul>
</div>

<title>基本フィルタ</title>

$(function(){

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

});

<h3>japan</h3>

<p>zack japan</p>

<p>kamo japan</p>

<p>torushie japan</p>

</div>

<p>favorit fruit</p>

<ul>

<li>1. banana 69</li>

<li>2. apple 148</li>

</ul>

</div>

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

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

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

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