Элементы относительных CSS-селекторов

Question

Есть ли способ сократить эти типы строк с помощью селекторов CSS и jQuery?

$(element).parent('tr').parent('tbody').parent('table') 

$(element).children('tbody').children('tr').children('td') 

Это в основном: "достань мне прямые родителей/детей, если есть"

мне нужно 100% равных селекторов.

UPDATE:

closest('table) не работает: может вернуть сам элемент и может найти не прямые родитель find('td') не работает: как мне нужно только прямые дети; там может быть много из них в поддереве ниже

Answer 1

Вы можете использовать .closest() найти первый предок mathcing данной селектор

element.parent('tr').parent('tbody').parent('table') -> $(element).parent('tr').closest('table') 

В следующем использовании случае find() с child selector

element.children('tbody').children('tr').children('td') -> element.find('> tbody > tr > td') 

Answer 2

Вы можете использовать closest, чтобы получить наиболее близкое ancestor:

element.closest('table') // element.parent('tr').parent('tbody').parent('table') 

Для каждого элемента в наборе, получить первый элемент, соответствующий селектор путем тестирования самого элемента и пересечения его предков в дереве DOM.

Документы: http://api.jquery.com/closest/

и find искать вниз DOM дерево:

Получить потомков каждого элемента в текущем наборе соответствующих элементов, отфильтрованный с помощью селектора, объект JQuery, или элемент.

element.find('td') // element.children('tbody').children('tr').children('td') 

Docs: http://api.jquery.com/find/

Answer 3

Используйте closest, чтобы перейти к ближайшему совпадающему элементу. Кроме того, используйте find для поиска в данном элемент (обратите внимание, что найти получат все совпадающие элементы, идущие вниз для всех существующих слоев DOM дерева)

element.closest('table'); 
element.find('td');