/ サブ要素の1つが特定のテキスト値を持つ要素を検索するための/ CSSセレクタ

サブセレクションの1つが特定のテキスト値を持つ要素を見つけるCSSセレクタ - javascript、jquery、html、css、xpath

その下位要素の1つが特定のテキスト値を持つ要素を見つけるためのCSSセレクタ。すなわち:

<div id=some">
<ul class="nav navbar-nav">
<li ><a href="#>Home</a></li>
<li ><a href="#">Val1</a></li>
<li ><a href="#">Val2</a></li>

ここで、見つけたい <li>、innerText = Val2を持つ

回答:

回答№1は2

単純な部分文字列の一致が必要な場合は、 :contains

 var li = $("#some li:contains("Val2")");

完全一致(全文一致)が必要な場合は、フィルタを使用してください。

 var li = $("#some li").filter(function(){
// return true to keep a match and false to ignore it
return $(this).text() == "Val2";
});

大文字と小文字を区別しないフルテキストマッチングが必要な場合は、正規表現を i オプション)

 var li = $("#some li").filter(function(){
// return true to keep a match and false to ignore it
return /val2/i.match();
});

正規表現はおそらく間違っています(私はいつも最初にそれらをめちゃくちゃにします)、しかしあなたはアイデアを得ます:)


回答№2の場合は0

おそらく:contains疑似セレクターを使用することができます。

http://css-tricks.com/pseudo-class-selectors/

私がそのリンクを読んだとき、私はそれを理解しますが:containsは現在非推奨です。あなたが "jQueryを使用しているなら、あなたは見てみることができるでしょう:

http://api.jquery.com/contains-selector/

私は訂正するつもりですが、jQueryでこのセレクターを使うことはどんな場合でもうまくいくはずです。