我希望有一个包含10行的表格,其中5行是可见的。还有2个按钮 - 和+如果点击一行就会添加或删除,与bbc.co.uk网站中的+图像相同。我将如何完成这个
答案 0 :(得分:2)
只需添加监听器并使用remove&追加:
<table id="table">
<tr>
<td>foo</td>
</tr>
<tr>
<td>bar</td>
</tr>
</table>
<span id="plus">+</span>
<span id="minus">-</span>
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
<script>
$(document).ready(function () {
$('#minus').click(function(){
$('#table tr:last-child').remove();
});
$('#plus').click(function(){
$('#table').append('<tr><td>new</td></tr>');
});
});
</script>
答案 1 :(得分:1)
我在这里给你做了一个快速演示。你没有说你想像BBC网站那样保留旧版本,所以我保留了这个功能JSFiddle