1

单击行时,我正在使用 jQuery 扩展表中的行。如何修改代码,以便在单击另一行时,当前打开的行折叠?

这是表格:

<table class="tb">
 <tbody>
  <tr class="parent"><td>Click here</td></tr>
  <tr><td>Hidden row</td></tr>
  <tr class="parent"><td>Or click here</td></tr>
  <tr><td>Another hidden row</td></tr>
 </tbody>    
</table>

这是jQuery:

$('table.tb').each(function() {
 var $table = $(this);
 $table.find('.parent').click(function() {
  $(this).nextUntil('.parent').toggle();
 });
 var $childRows = $table.find('tbody tr').not('.parent').hide();
});
4

1 回答 1

2

更改您的功能以在点击时隐藏每个父母

http://jsfiddle.net/ugwfQ/1/

$(".parent").children("td").click(function() {
    $(".parent").next("tr").hide();
    $(this).parent().next("tr").show();
});
于 2013-05-21T23:07:06.477 回答