如何使用JQuery查找下一个表行？
如何使用JQuery查找下一个表行？
提问于 2018-06-25 01:51:41
使用JQuery，你如何将一个click事件绑定到一个表格单元格，这将改变图像的src并根据该行是否具有“隐藏”类来隐藏/显示紧靠其下方的行。我很喜欢在标记中更改标识和类。
表行
<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>
回答 2
Stack Overflow用户
发布于 2018-06-25 10:44:44
你不需要显示和隐藏标签：
$(document).ready(function(){
$('.expand').click(function() {
if( $(this).hasClass('hidden') )
$('img', this).attr("src", "plus.jpg");
else
$('img', this).attr("src", "minus.jpg");
$(this).toggleClass('hidden');
$(this).parent().next().toggle();
});
});
Stack Overflow用户
发布于 2018-06-25 11:05:09
由于某种原因，它点击我写它为：
$(document).ready( function () {
$(".expand").click(function() {
$("img",this).attr("src",
$("img",this)
.attr("src")=="minus.gif" ? "plus.gif" : "minus.gif"
);
$(this).parent().next().toggle();
});
});
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100000322
复制相关文章
相似问题