에서 변수 사용 : contains - how

Question

전자 상거래 사이트에서 accordion 메뉴를 사용하고 있습니다. 메뉴는 제품 페이지가 나타날 때까지 옵션과 함께 열려 있습니다. 해당 페이지에서 메뉴의 텍스트와 일치 시키려면 탐색 경로를 사용하고 클래스를 적용하여 페이지의 올바른 범주로 메뉴를 엽니 다. 여기

내 코드입니다 :

$(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'); 

첫 번째 방법, 당신이 그것을했던 방법은, 자바 스크립트를 말하고있다 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

이것은 사용되지 않는 대신 필터를 사용하는 특수 문자 저장 버전입니다 은 방법을 포함한다. 코드를 선택, 당신의 코드를 더 쉽게 읽을 수 있도록,

Answer 6

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

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

이제 deprecated

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

선호된다 편집기에서 코드 샘플을 누릅니다.