使用按鈕添加和刪除表中的行使用按鈕

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>