:contains(text)


version 1.0 以降

解説

マッチした要素のうち、指定された文字列を含む要素を返します。

記法

:contains(text)

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