jquery - FooTable : Add 行と Delete 行を 1 つの関数として組み合わせる

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

Answer 2

このプランクは、あなたが求めていることを行うはずです: http://plnkr.co/edit/PYELgBc0xOpvH4lePXKu