function func(id)
{
$(document).ready(function ()
{
$(".toggle").click(function ()
{
$("td:nth-child(" + id + ")>div").toggle();
});
});
return false;
}
我试图隐藏与单击的按钮对应的列。但是这段代码会得到一些意外的输出,例如单击一个按钮时两列都会隐藏。我哪里出错了?
<table border="1">
<tr>
<th><button class="toggle" id="1" onclick="return func(this.id);" >hide</button></th>
<th><button class="toggle" id="2" onclick="return func(this.id);" >hide</button></th>
</tr>
<tr>
<td> <div>row 1, cell 1</div></td>
<td><div>row 1, cell 2</div></td>
</tr>
<tr>
<td><div>row 2, cell 1</div></td>
<td> <div>row 2, cell 2</div></td>
</tr>
</table>
更简单的方法是将类添加到列中td
。我添加了类col1
and col2
到您的每个 td。
Fiddle: http://jsfiddle.net/tbpMX/ http://jsfiddle.net/tbpMX/
Code:
$(".toggle").click(function() {
$(this).parent().hide();
$(".col" + $(this).attr("id")).hide();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)