:contains(text)

説明補足説明コードコメント投稿

このサンプルは、jQueryのselectorのcontent filter機能を利用してspan要素のコンテンツを検索します。サンプルが表示されたら[Apply]ボタンをクリックしてください。span要素に宣言されている「jQuery」が「黄色」でハイライトされます。

このサンプルは、jQueryのselectorのcontent filter機能を利用してspan要素のコンテンツを検索します。サンプルが表示されたら[Apply]ボタンをクリックしてください。span要素に宣言されている「jQuery」が「黄色」でハイライトされます。

html要素のコンテンツを検索するには、jQueryのselectorに「:contains(text)」を付加します。たとえば、span要素のコンテンツを検索するには「span:contains(text)」のように記述します。ここでは、「jQuery」が宣言されているspan要素を検索してハイライトさせます。

$("span:contains('jQuery')").toggleClass("highlight2");

<span>Prototype</span> <span>jQuery</span> <span>Script.aculo.us</span>