jQuery コンテントフィルタ（3） 「:empty」フィルタ

選択された要素の中から空要素を抽出します。

たとえば $(“div:empty”) としたばあい、divタグのなかから空の要素を抽出します。

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



$(function(){
        $(':empty').append("empty tag");
});



<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(){

$(':empty').append("empty tag");

});

<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>

ここでは、全要素のなかから空の要素に対して、”empty tag”という文字列を
追加してます。
二番目のh3タグが空の要素であるため、そこに”empty tag”が追加されていることが
確認できます。

$(':empty').append("empty tag");

1	$(':empty').append("empty tag");