如何在表中指定的行数后循环

Question

我有<table id="table">。

点击<button id="new">时，用户可以在此表格中添加行。

用户可以点击<button id="save">

进行保存

如果用户在不保存数据的情况下添加超过5行，则应获取要保存的警报。应该在每5个新行中重复此警报。

我试过这个：

$('#new').click(function(){
  var count = $('#table tbody').children('tr').length;
  if (count > 4) {
  var y = confirm("you should to save your data!");
  if (y == true){
    $('#save').click();
  }
  else {

  }
});

Answer 1

您应该使用modulo运算符。

，而不是使用>运算符

所以将if改为此：

if (count > 0 && count % 5 == 0) {

Answer 2

以下是一种不同的优雅方式：

$('#new').click(function(){

  var $newRow = $('<tr><td>new</td></tr>').appendTo('table')

  if ($newRow.is('table tr:nth-child(5n)')){
    alert('Alert')
  };

});