linwha1990的博客通过本文主要向大家介绍了jQuery等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
<table class="table table-hover table-mail">
<tbody>
<tr class="unread">
<td >编号</td>
<td >分类名称</td>
<td class="text-center">操作</td>
</tr>
<tr class="read">
<td ></td>
<td ></td>
<td ></td>
</tr>
<tr class="child-read">
<td></td>
<td></td>
</tr>
<tr class="child-read"> <td></td> <td></td> </tr>
<tr class="read"> <td ></td> <td ></td> <td ></td> </tr>
</tbody></table>
jQuery代码
//点击父tr时显示隐藏子tr $(function () { $(".read").each(function () { $(this).click(function () { var read = $(this).nextUntil(".read"); if (read.is(":hidden")) { read.toggle( function () { read.show(); } ) } else { read.toggle( function () { read.hide(); } ) } }); }); });