将选择器应用于jquery对象的正确方法？

Question

因此，我见过的jQuery选择器的大多数例子都是这样的：

$('#example tbody tr td:nth-child(1)').css('display', 'none');

但如果我已经有了这个：

var exampleTable = $('#example tbody');

如何正确应用... tr td:nth-child(1)').css('display', 'none');到exampleTable？

Answer 1

尝试在此上下文中使用.find()，因为它用于查找后代元素

var exampleTable = $('#example tbody');
exampleTable.find('tr td:nth-child(1)').hide();

作为旁注，请使用.hide()代替.css('display', 'none');

Answer 2

对于此特定示例，使用.find：

exampleTable.find('tr td:nth-child(1)').hide();

一般情况下，使用tree traversal methods中的一个或多个（其中包含很多）。

Answer 3

还有另一种方法：

$('tr td:nth-child(1)',exampleTable).hide();