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

Question

我想有一个表格，其中有10行5是可见的。还有2个按钮 - 和+，如果点击某行，则会添加或删除一行，与bbc.co.uk网站中的+图像相同。我怎么做到这一点

Answer 1

我让你在这里快速演示。你没有说你想保留旧的，因为他们在BBC网站这样做，我还珍藏着的特征了JSFiddle

Answer 2

只需添加监听器和使用删除&追加：

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