Chuyển đổi số biến của các hàng trong bảng

Question

Tôi có một bảng nơi nhấp vào một liên kết sẽ hiển thị 'dòng phụ' thuộc về dữ liệu trong hàng được nhấp.

Vì số lượng phụ có thể thay đổi từ 0 đến n Tôi nghĩ tôi nên tính toán số lượng con của phương thức .val, điều này có đúng không? Vì vậy, giá trị phải là số hàng trơ ​​trọi với tên lớp 'liên kết' cho đến tr tiếp theo mà không có tên lớp. Tôi có thể làm cái này như thế nào? Tôi đã thực hiện một số nỗ lực nhưng tôi khá mới với jQuery.

Tôi nghĩ một cái gì đó như thế này để tính toán số lượng tr.affiliated:

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

DEMO

Answer 1

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

Việc bạn sử dụng .val và .stop không có ý nghĩa, và bạn không sử dụng một đầu vào nhưng một a. Tôi đã sử dụng .nextUntil vì các hàng sẽ được nhóm lại với nhau; chỉ cần tìm hàng cha mẹ gần nhất của a (đây là hàng "chính") và sử dụng .nextUntil để tìm các hàng liên kết của nó - tiếp theo cho đến hàng chính khác. Nó cũng sẽ giúp đỡ nếu các hàng chủ có lớp riêng của họ.

Answer 2

Nếu bạn đặt một lớp trên mỗi phụ huynh tr bạn có thể sử dụng nextUntil() như thế này:

<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