jquery：包含使用变量的选择器

Question

为什么使用变量：contains（）不起作用？有没有办法使它工作？ filter('contains()')也没有工作。

<h2>Test</h2>
<div>Test</div>

var model = $('h2').text();
//variable doesn't work
$('div:contains(model)').css('background','yellow');
//obviously, string works
$('div:contains("Test")').css('background','yellow');

Answer 1

选择器不使用Javascript变量。您必须将变量中的值放在选择器字符串中：

$('div:contains("' + $modele + '")')

Answer 2

与PHP不同，Javascript不支持字符串插值。

如果要在字符串中使用变量，则必须使用+运算符连接。

Answer 3

它只是一个连接问题：

$('div:contains(' + $modele + ')').css('background','yellow');

Answer 4

如@Slaks中所述回答您需要连接。

$('div:contains('+$modele+')').css('background','yellow'); works

这是一个小提琴。

http://jsfiddle.net/CMKsF/

Answer 5

你需要将它作为字符串传递..所以使用"运算符将var与+连接起来，以便将其作为字符串

试试这个

var $modele = $('h2').text();
//variable doesn't work
$('div:contains("'+$modele+'")').css('background','yellow');