jquery动态增加删减表格行特效

```html

增加行

```

```javascript

$('addRow').click(function() {

var newRow = $('序号姓名操作'); // 创建新行

});

```

假设我们给每一行添加一个删除按钮，并绑定删除事件：

```html

```

在上面的代码中，我们给每一行添加了一个删除按钮。接下来，我们可以使用jQuery来实现删除行的功能：

```javascript

$('.deleteRow').click(function() {

$(this).closest('tr').remove(); // 删除所在行

});

```

一、HTML代码部分

```html

```

二、JavaScript代码部分

接下来，我们将通过JavaScript实现行的增加和删除功能。

1. 增加行：当点击“增行”按钮时，我们会在`dynamicTable`中添加一行。如果添加的行数少于预设的显示条数（例如这里的`show_count`设为20），则允许添加。

```javascript

$(function () {

var show_count = 20; // 要显示的条数

$("btn_addtr").click(function () {

var length = $("dynamicTable tbody tr").length;

if (length < show_count) { // 如果当前数字小于递增结束的条件

changeIndex(); // 更新行号

}

});

// 其他函数定义...

});

```

2. 删除行：当点击“删行”按钮时，会删除当前行并更新行号。注意，至少要保留一行。

```javascript

function deltr(opp) {

var length = $("dynamicTable tbody tr").length;

if (length <= 1) {

alert("至少保留一行");

} else {

$(opp).parent().parent().remove(); // 移除当前行

changeIndex(); // 更新行号

}

}

```

```javascript

function changeIndex() {

var i = 1;

$("dynamicTable tbody tr").each(function () {

$(this).find("input[name='NO']").val(i++); // 更新行号

});

}

```

三、运行效果

当阳光洒满大地，Cambrian的大地开始苏醒。这里的一切都在悄然变化，如同大自然的魔法般神奇。在这里，每一刻都有新的生命诞生，每一个生命都在诉说着自己的故事。此刻，让我们共同见证Cambrian这片充满生机与活力的土地。

在Cambrian的广袤土地上，山川湖泊、森林草原，各种自然景观应有尽有。这里的大自然犹如一位神奇的画家，用五彩斑斓的色彩描绘出一幅幅美丽的画卷。在这里，你可以感受到大自然的呼吸，体验到生命的脉动。每一次呼吸，都能感受到大自然的恩赐和生命的活力。

在这片土地上，还有许多令人惊叹的奇迹等待我们去。那些隐藏在山林间的古老遗迹，似乎在诉说着一段段遥远的历史。那些古老的传说和神话，如同璀璨的明珠镶嵌在这片土地上，为Cambrian增添了无尽的魅力。每一次，都能让我们感受到这片土地的深厚底蕴和独特魅力。

当我们走进Cambrian的城市，又会发现另一番景象。这里的人们热情好客，他们用勤劳和智慧创造了一个充满活力和创新的环境。在这里，你可以感受到人们的热情与活力，体验到这座城市的独特魅力。这里的人们用自己的双手书写着属于自己的故事，为这片土地注入了无尽的生机与活力。

Cambrian是一个充满神秘和魅力的地方。在这里，我们可以感受到大自然的恩赐和生命的活力。在这里，我们可以见证一个充满生机与活力的世界。让我们一起走进Cambrian的世界，感受这片土地的独特魅力吧！