JqueryでDOM要素を検索したい

Question

Jqueryにて文字列を検索する方法は幾つか見つけました。
if ( $('body').is(":contains('りんご')") ) {});

これを文字列だけではなく、タグも含めた「<li>りんご</li>」を検索する方法はありますでしょうか？

Answer 1

jquery セレクタ
で、google 検索すると情報を得られると思います。
タグで指定する方法、 テキスト要素の文字列で指定する方法を修得し、それを 組み合わせれば出来るはずです。

参考情報：

• jQuery日本語リファレンス http://semooh.jp/jquery/api/selectors/
• http://www.buildinsider.net/web/jqueryref/040

...
例えば以下は、配下に「jQuery」という文字列を含んだ<td>要素の背景色を黄色に変更する例です。
...
$('td:contains("jQuery")').css('background-color', 'Yellow');
...

Answer 2

DOMとHTMLタグ

まず、前提としてHTML文書から要素を検索する場合に「タグ」というより考え方はありません。
HTML文書は全てDOMというオブジェクトツリーの形式に変換されており、HTMLタグの文字列ベースで検索することは出来ないからです。

「<li>りんご</li>」を検索

「<li>りんご</li>」を検索する場合、li要素ノードを検索し、次に子供となるテキストノード「りんご」を検索しますが、どこまで厳密にするかで実装方法が変わります。

li要素ノードの属性に何があってもよく(<li id="hoge"> のように属性が付与されることを許可する)、「りんご」が部分一致でよい(例: 「青りんご」でもよい)のなら katoy さんが回答したコードになります。

jQuery('li:contains("りんご")');

li要素ノードの属性に何があってもよく、「りんご」が完全一致なら次のように書きます。

jQuery('li').filter(function () {
  return this.textContent === 'りんご';
});

li要素ノードに属性が存在してはならず(<li> でなければならない)、「りんご」が完全一致なら次のように書きます。

jQuery('li').filter(function () {
  return this.outerHTML === '<li>りんご</li>';
});

Re: realmccoy さん

Answer 3

javascript RegExpで正規表現を使いましょう
訂正)
↑質問の答えとしては間違っていました