Селектор jquery необходим для выбора всех определенных потомков родителя

Question

У меня есть страница с несколькими таблицами.В каждой таблице первая строка нормальная, но остальные строки имеют класс скрытого, чтобы они не отображались при загрузке.В одной из ячеек в первой строке таблицы есть ссылка, по которой можно щелкнуть, чтобы просмотреть более подробную информацию (исчезнуть в скрытых строках этой таблицы).Я изо всех сил пытаюсь заставить это работать хотя.Так что в основном мне нужен селектор, который найдет все скрытые строки, которые находятся в той же таблице, что и элемент, по которому щелкнули, чтобы их можно было замирать. Я использовал:

$(.hidden).fadeIn() 

, но поскольку естьчем одна таблица на странице, она исчезает во всех скрытых строках во всех таблицах, я просто хочу, чтобы те в конкретной таблице.Я также использовал:

$(this).closest('tr').next(".hidden").fadeIn("slow") 

, который был наполовину, но он исчезает только в первой скрытой строке в этой таблице, но если их больше, то остальные все еще скрыты.Любая помощь приветствуется.Спасибо

Answer 1

Попробуйте -

$(this).closest('tr').nextAll(".hidden").fadeIn("slow"); 

Подробная документация nextAll -

http://api.jquery.com/nextAll/

Answer 2

это так, верно?

<table>
<tr>
  <td><span class="show">View more details</span></td>
</tr>
<tr class="hidden">...</tr>
....
</table>

тогда

    <script type="text/javascript">
        $(document).ready(function() {
          $(".show").click(function() {
              $(this).closest('table').find('tr.hidden').fadeIn("slow");
          });
        });
   </script>