FooTable：將添加和刪除行合併爲一個函數

Question

我對jQuery和fooTable很新穎。

我想要做的是組合添加和刪除FooTable提供的jQuery功能，這樣當我添加一行時，它會自動刪除該表中的最後一行。

非常感謝這裏的一些幫助。謝謝！

//This piece of code deletes a row 
$('table').footable().on('click', '.row-delete', function(e) { 
    e.preventDefault(); 

    //get the footable object 
    var footable = $('table').data('footable'); 

    //get the row we are wanting to delete 
    var row = $(this).parents('tr:first'); 

    //delete the row 
    footable.removeRow(row); 
}); 

//This piece of code adds a row 
$('.add-row').click(function(e) { 
    e.preventDefault(); 

    //get the footable object 
    var footable = $('table').data('footable'); 

    //build up the row we are wanting to add 
    var newRow = 'Some content here' 

    //add it 
    footable.appendRow(newRow); 
}); 

Answer 1

這普拉克應該做什麼你問：http://plnkr.co/edit/PYELgBc0xOpvH4lePXKu

Answer 2

我會建議更換：

http://api.jquery.com/replacewith/

所以假設你的表像

<table id="foo"> 
<tr> 
<td>hello</td> 
</tr> 
</table> 
<script> 
    $("#add-row").on('click',function(){// add-row is your event button 
    $("#foo tr:last-child").replaceWith("<tr><td>my new content</td></tr>"); 
    }) 
</script> 

http://fiddle.jshell.net/wqk87/