jQuery コンテントフィルタ（2）「:contains(text)」フィルタ

指定された文字列を含む要素を選択します。

たとえば、$(“div:contains(max)”) とするとdivタグのなかで”max”という文字列を
含んだ要素を抽出します。

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

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



$(function(){
        $('li:contains(banana)').css("color", "red");
});



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

$('li:contains(banana)').css("color", "red");

});

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

ここでは、liタグの中で”banana”という文字列を持った要素の文字列を
赤に設定してます。

$('li:contains(banana)').css("color", "red");

1	$('li:contains(banana)').css("color", "red");