Attiva/disattiva il numero variabile di righe di tabella

Question

Ho una tabella in cui fare clic su un collegamento dovrebbe mostrare "subrows" che appartengono ai dati nella riga su cui si fa clic.

Poiché il numero di subrow può variare da 0 a n, penso che dovrei calcolare il numero di subgrazie con il metodo .val, giusto? Quindi il valore dovrebbe essere il numero di righe invisibili con il nome di classe 'affiliato' fino al prossimo tr senza un nome di classe. Come posso fare questo? Ho fatto alcuni tentativi ma sono abbastanza nuovo per jQuery.

ho pensato qualcosa di simile per calcolare il numero di tr.affiliated:

var affiliatednumber = $(this).find("tr.affiliated").val().stop(); 

DEMO

Answer 1

http://jsfiddle.net/6t6QT/2/

L'utilizzo del .val e .stop non hanno senso, e non si utilizza un ingresso, ma un a. Ho usato .nextUntil poiché le righe saranno raggruppate insieme; basta trovare la riga genitore più vicina allo a (questa è la riga "master") e utilizzare .nextUntil per trovare le sue righe affiliate - avanti fino all'altra riga principale. Sarebbe anche d'aiuto se le righe principali avessero una propria classe.

Answer 2

Se si mette una classe su ciascun genitore tr è possibile utilizzare nextUntil() come questo:

<tbody> 
    <tr class="parent"> 
     <td>John</td> 
     <td>HR Admin</td> 
     <td>10/10/1980</td> 
     <td>Yes</td> 
     <td><a class="showaffiliated" href="#">Yes</a></td> 
    </tr> 
    <tr class="affiliated"> 
     <td colspan="2">Amanda</td> 
     <td colspan="3">20/20/1985</td> 
    </tr> 
    <tr class="affiliated"> 
     <td colspan="2">Louis</td> 
     <td colspan="3">20/10/2010</td> 
    </tr> 
</tbody> 

$("tr.affiliated").hide(); 

$("a.showaffiliated").click(function() { 
    var $affiliated = $(this).closest(".parent").nextUntil(".parent"); 
    $affiliated.toggle(); 
    var affiliatednumber = $affiliated.length; 
}); 

Example fiddle