jquery - 使用 :contains selector with variable

Question

我正在尝试将 :contains 选择器与变量一起使用，但它似乎不想接受该变量。

$('td:contains('" + value + "')').closest('tr').css('background-color','red');

我想做的就是使用 .each 函数循环遍历所有 td，并在其中检查 td 是否包含 value 变量，然后将最接近的 tr 背景设置为红色或添加一个类或其他内容。

我在这里遗漏了一些明显的东西吗？我部分认为这与引号的放置有关。

Answer 1

您需要学习如何将变量转义为字符串。您的解决方案

 $('td:contains("' + value + '")').closest('tr').css('background-color','red');

查看反向引号。

在 ES2015 中(当有足够多的浏览器直接支持时，或者如果您正在转译时)，您可以使用模板文字来代替，用反引号引起来，引用变量(或任何其他表达式)使用${...}:

 $(`td:contains("${value}")`).closest('tr').css('background-color','red');