以下是我的代码
Script
$(document).ready(function(){
$('#click').click(function(){
$('#table').append('<tr><td> </td></tr>');
})
$('#remove').click(function(){
$('#table').remove('<tr><td> </td></tr>');
})
})
HTML
<table width="100%" border="1" cellspacing="0" cellpadding="0" id="table">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<div id="click">click</div>
<div id="remove">remove</div>
当我添加一行时，效果很好，但我不知道如何删除表的最后一行。你也可以上网查一下demo http://jsfiddle.net/2mZnR/.
我怎样才能做到这一点？
此外，我希望当用户单击任何行时它会自行删除。我已经尝试过了，但是有一个问题。如果您单击该行，它将自行删除，但是当您通过单击 #click 添加行时，该行不会通过单击来删除自身。
这是我的代码：
Script
$(document).ready(function(){
$('#click').click(function(){
$('#table').append('<tr><td> </td></tr>');
})
$('#remove').click(function(){
$('#table tr:last').remove();
})
$('#table tr').click(function(){
$(this).remove();
});
})
如果你想删除表的最后一行#table，您需要使用选择器来定位它，然后调用$.remove()反对：
$('#remove').on("click", function(){
$('#table tr:last').remove();
})
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
