使用JQuery查找下一个表行

前端之家收集整理的这篇文章主要介绍了使用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属性作为标记.

猜你在找的jQuery相关文章