変数を使用して：contains - howへ

Question

私は電子商取引サイトでアコーディオンメニューを使用しています。メニューは、製品ページまでオプション付きで開いたままです。そのページでは、ブレッドクラムを使用してメニュー内のテキストを一致させ、メニューをページの正しいカテゴリに開くためのクラスを適用しようとしています。ここで

は私のコードです：

$(document).ready(function(){ 
var bctext = $('#ProductBreadcrumb ul li:last-child').prev('li').children().text(); 
$('ul#accordion a:contains(bctext)').parent().parent().addClass('special'); 

}); 

変数が正しいテキストを返し、私は:containsに一致する文字列（「トマトソース類」）を置けば、それは私がそれをしたいだけのように動作し、適用されますクラス。しかし、私はbctext変数を使用すると、それは動作しません。

私もa:contains($(bctext))を試しても機能しませんでした。それは私の構文ですか？

おかげ

Answer 1

試してみてください。

$('ul#accordion a:contains(' + bctext + ')') 

Answer 2

変更：

$('ul#accordion a:contains(bctext)').parent().parent().addClass('special'); 

へ：

$('ul#accordion a:contains(' + bctext + ')').parent().parent().addClass('special'); 

最初の方法、あなたはそれを持っていた道にはJavaScriptを語っていますcontainsとして 'bctext'という文字列を使用しますパラメータ。あなたが実際に望むのは、bctext変数に含まれる文字列です。したがって、引用符の外側でそれを使用し、セレクタ文字列を作成するために連結を使用する必要があります。

Answer 3

この行は次のようになります。

$('ul#accordion a:contains(' + bctext + ')').parent().parent().addClass('special'); 

Answer 4

またTraversing/containsを使用することができます。

$('ul#accordion a').contains(bctext); 

Answer 5

これは、代わりに非推奨のフィルタを使用しています特殊文字保存バージョンであり、 にはメソッドが含まれています。

$('ul#accordion a').filter(function() { return $(this).text() == bctext; })

Answer 6

$('ul#accordion a').filter(':contains(' + bctext + ')' 

今、（クレセント新鮮でコメントとして）deprecated

$('ul#accordion a').contains(bctext);