Przełącz zmienną liczbę wierszy tabeli

Question

Mam tabelę, w której kliknięcie łącza powinno pokazywać "subrows", które należą do danych w kliknięciu wiersza.

Ponieważ liczba subrow może być różna od 0 do n Myślę, że powinienem obliczyć liczbę subrowów metodą .val, czy to prawda? Tak więc wartość powinna być liczbą niewidocznych wierszy z nazwą klasy "powiązaną" do następnej tr bez nazwy klasy. Jak mogę to zrobić? Zrobiłem kilka prób, ale jestem całkiem nowy w jQuery.

Myślałem coś takiego obliczyć liczbę tr.affiliated:

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

DEMO

Answer 1

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

Korzystanie z .val i .stop nie ma sensu i nie używasz wejście ale a. Użyłem .nextUntil, ponieważ wiersze zostaną zgrupowane; po prostu znajdź najbliższy wiersz nadrzędny a (jest to wiersz "główny") i użyj .nextUntil, aby znaleźć powiązane wiersze - następne, aż do drugiego rzędu głównego. Pomogłoby to również, gdyby wiersze nadrzędne miały własną klasę.

Answer 2

Jeśli umieścisz klasę na każdym z rodziców tr można użyć nextUntil() tak:

<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