jquery selector nécessaire pour sélectionner tous les enfants du parent

Question

J'ai une page avec des tableaux. Dans chaque table la première rangée est normale mais le reste des rangées a une classe de cachée de sorte qu'elles ne soient pas montrées sur le chargement. Dans l'une des cellules de la première rangée de la table, il y a un lien pour cliquer pour voir plus de détails (fondu dans les lignes cachées de cette table). Je me bats pour que cela fonctionne. . Donc, fondamentalement, je besoin d'un sélecteur qui trouveront toutes les lignes cachées qui sont dans la même table que l'élément qui clique dessus afin qu'ils puissent être fanées dans je l'ai utilisé:

$(.hidden).fadeIn() 

mais parce qu'il ya plus d'un tableau sur la page, il se fane dans toutes les lignes cachées dans toutes les tables, je veux juste ceux dans la table spécifique. J'ai aussi utilisé:

qui était à moitié là, mais elle se fane que dans la première ligne cachée dans cette table mais s'il y a plus d'un alors que le reste est encore caché. Toute aide serait très appréciée. Merci

Answer 1

Essayez -

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

documentation détaillée de nextAll -

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

Answer 2

est-ce le cas, non?

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

puis

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