是否有相对 jQuery 选择器之类的东西？

Question

我有一个带有 this 变量的 jquery 对象的引用。我正在寻找一种将子选择器应用于对象的方法。

我正在使用 $(this).find('table > tbody > tr > td')，但我的目标更像是 $('[ $(this) 的值在这里] > tbody > td')。

我意识到我可以做 $(this).children('table').children('tbody').children('tr').children('td')，但我想知道如果有一些语法糖我可以在这里使用。

Answer 1

使用时，您可以从 子选择器 (>) 开始.find() 也是如此：

$(this).find('> table > tbody > tr > td')

这是一个经常被忽视的用法情况，但它非常适合您所追求的。

Answer 2

正如 Nick 所说，您可以使用 find()，也可以使用 选择器上下文：

$('> table > tbody > tr > td', this)

// Is the equivalent of
$(this).find('> table > tbody > tr > td')

Answer 3

另一种方法是传递第二个参数 $('selector', context)，它定义搜索的上下文。

默认情况下，选择器在 DOM 中执行搜索
在文档根目录下。然而，可以给出替代上下文
通过使用 $() 函数的可选第二个参数进行搜索。

$( "div.foo" ).click(function() {
    $( "span", this ).addClass( "bar" );
});