Справка по jQuery Selector Следующий класс

Question

Я застрял на чем-то, и хотя есть 1000 различных способов выбрать то, что мне нужно, я не могу его запустить.

В приведенном ниже HTML-коде <tr class="hide"> скрыт, и когда кто-то нажимает на ссылкув промежутке, я хочу, чтобы это произошло.

Я пробовал

$(this).parent().next().slideToggle('slow');

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

Имейте в виду, их будет несколько на странице, это должен быть следующий в строке, который скользит вниз, поэтому яне могу просто $ ('. hide') выбрать его.

Может кто-нибудь помочь?

Вот мой HTML

<td>
    <span class="details">Details</span>
</td>
</tr>
<tr class="hide">
<td></td>

Answer 1

Попробуйте

$(this).closest('tr').next().slideToggle('slow');

Answer 2

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

$(this).parent().parent().next().slideToggle('slow');

Первый parent() возвращает вас к <td>, а второй - к <tr>.