.addClass на основе span, завернутого в две таблицы

Я пытаюсь добавить класс в таблицу..addClass на основе span, завернутого в две таблицы

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

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

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

Но это идет только во второй таблице.

источник

2012-01-03 henryaaron

$ («span.subcategory»). Ближайший («таблица»). Ближайший («таблица»). AddClass («myClass»); =>, который будет делать трюк, но это далеко не оптимизированный код – CedX

@ CédricBelin Я не думаю, что это сработает. 'closeest' не идет вверх по дереву DOM, если сам элемент удовлетворяет селектору (так что он останется во внутренней таблице даже после второго« ближайшего »вызова). –

@Sime Vidas: Я думаю, ты прав ... ой! – CedX

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

источник

2012-01-03 23:51:45 elijah

Это предполагает, что больше не будет таблиц дерева? – esycat

Больше нет ... – henryaaron

Если вы уверены, что никогда не будет ... :-) – esycat

ли

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

работу?

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

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

источник

2012-01-03 23:47:21 Meligy

Да, но это добавляет класс в оба родителя 'table's, я только пытаюсь добавить его в верхнюю родительскую таблицу. – henryaaron

Я считаю, что добавляет класс к элементам TABLE. –

Вы, парни, правы. Я не понял этот вопрос. Исправлена. – Meligy

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

$('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

источник

2012-01-03 23:47:57

Не работает ... – henryaaron

Связанные демоверсии предполагают, что они оба делают ... –

Второй из них действительно работал, но ответ Элайджи менее сложный ... +1 – henryaaron

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

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

источник

2012-01-03 23:52:54 esycat

.addClass на основе span, завернутого в две таблицы

ответ

Смежные вопросы