Есть ли такая вещь, как относительный селектор jQuery?

Question

У меня есть ссылка на объект jquery с переменной this. Я ищу способ применения дочернего селектора к объекту.

Я использую $(this).find('table > tbody > tr > td'), но то, к чему я стремлюсь, является чем-то более похожим на $('[Value of $(this) goes here somehow] > table > tbody > tr > td').

Я понимаю, что могу сделать $(this).children('table').children('tbody').children('tr').children('td'), но мне было интересно, если бы был какой-то синтаксический сахар, который я мог бы использовать здесь.

Answer 1

Вы можете начать с child selector (>) при использовании .find(), а также, как это:

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

Это часто упускается из виду случай использования, но это работает просто замечательно для того, что вы после этого.

Answer 2

Как сказал Ник, вы можете использовать находки(), или вы можете использовать selector context:

$('> 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"); 
});