.addClass на основе диапазона, заключенного в две таблицы

Question

Я пытаюсь добавить класс в таблицу.

<table> > <tbody> > <tr> > <td> > <table> > <tbody> > <tr> > <td> > <span class="subcategory">

Поэтому я бы хотел добавить класс в исходную таблицу на основе span.subcategory. У меня есть это:

$('span.subcategory').parent().closest("table").addClass('myClass');

Но это только идет ко второму столу.

Answer 1

$('span.subcategory').parents('table:last')

Answer 2

$('span.subcategory').closest('table').parent().closest('table').addClass('myClass');

Я считаю, что это должно быть более эффективным, поскольку оно будет проходить по дереву DOM только до второй (внешней) таблицы.

Answer 3

Чтобы добраться до внешнего стола:

$('span.subcategory').parents('table').eq(1).addClass('myClass');

JS Fiddle demo

Или, возможно:

$('span.subcategory').parents('table:has("table span.subcategory"):first').addClass('myClass');

JS Fiddle demo

Answer 4

Есть ли

$('span.subcategory').closest('table')
    .parent().closest('table')
    .addClass('myClass');`  

Работа?

В качестве альтернативы:

$('table:has(table:has(span.subcategory))').addClass('myClass');