その下位要素の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でこのセレクターを使うことはどんな場合でもうまくいくはずです。