jquery - 如何在选择器中使用 jQuery 变量

Question

我正在尝试突出显示行、列中的表格单元格。

var $tr = $('tr:eq(' + row + ')');
$($tr:nth-child(col)).addClass('highlight');

Answer 1

var $tr = $('tr:eq(' + row + ')');
$tr.find(':nth-child(' + col + ')').addClass('highlight');

使用.find() 。请参阅demo .

或者，如果您不需要对 $tr 的引用，则可以通过一个选择器完成这一切:

$('tr:eq(' + row + ') :nth-child(' + col + ')').addClass('highlight');

( Demo )

---

至于你的问题

How to use a jQuery variable in a selector

(所有)jQuery 遍历/选择器方法的结果的类型为 jQuery 。这使得高级链接成为可能。此外，jQuery 方法正是在这种类型上定义的。这意味着您需要对结果对象执行过滤等操作。因此，以下内容无效(: 不是 JavaScript 运算符，nth-child()(可能)未定义为 JavaScript 函数):

$($tr:nth-child(1)).addClass('highlight');

但可以重写为:

$tr.find(':nth-child(1)').addClass('highlight');

这里，我们在分配给 $tr 的 jQuery 对象上应用选择器 :nth-child(1)。该对象可以保存对任意数量的 DOM 元素的引用，甚至零!