使用按钮在表中添加和删除行

Question

我希望有一个包含10行的表格，其中5行是可见的。还有2个按钮 - 和+如果点击一行就会添加或删除，与bbc.co.uk网站中的+图像相同。我将如何完成这个

Answer 1

只需添加监听器并使用remove＆amp;追加：

<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>

Answer 2

我在这里给你做了一个快速演示。你没有说你想像BBC网站那样保留旧版本，所以我保留了这个功能JSFiddle