:contains(text)
version 1.0 以降
解説
マッチした要素のうち、指定された文字列を含む要素を返します。
記法
例
例1:class 属性値が"citrus" のdiv 要素の、子孫span 要素のうち、文字列に "グレープフルーツ" を含む要素の背景を黄色にします。
$("div.citrus span:contains(グレープフルーツ)").css("background-color", "yellow");
<div class="citrus">
class 属性値が "citrus" の div 要素
<span>柚子</span>
<div class="lemon">
class 属性値が"lemon" のdiv 要素
<span>レモン</span>
</div>
<span>グレープフルーツ</span>
<span>ルビーグレープフルーツ</span>
<div>
div 要素
<span>オレンジ</span>
</div>
<span>金柑</span>
</div>
|