前端之家收集整理的这篇文章主要介绍了
使用JQuery查找下一个表行，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
使用JQuery,如何将click事件绑定到一个表单元格(下面的class =“expand”)上,这样会改变图像src(在点击的单元格中是原始的,将
加上..gif,与minus.gif交替)并根据该行是否具有“隐藏”类,隐藏/
显示其下方的行. (如果它有一类“隐藏”,则
显示它,如果没有“隐藏”类,则隐藏).我可以灵活地改变
标记中的ID和类.
谢谢
表格行
<tr>
<td class="expand"><img src="plus.gif"/></td>
<td>Data1</td><td>Data2</td><td>Data3</td>
</tr>
<tr class="show hide">
<td> </td>
<td>Data4</td><td>Data5</td><td>Data6</td>
</tr>
您不需要
显示和隐藏
标签：
$(document).ready(function(){
$('.expand').click(function() {
if( $(this).hasClass('hidden') )
$('img',this).attr("src","plus.jpg");
else
$('img',"minus.jpg");
$(this).toggleClass('hidden');
$(this).parent().next().toggle();
});
});
编辑：好的,我添加了更改图像的代码.这只是一种方法.当将下一行隐藏并显示该行时,将类添加到expand属性作为标记.
原文链接：https://www.f2er.com/jquery/180175.html
