使用jquery给指定的table动态添加一行、删除一行

一、需求场景

1. 添加一行：

支持在任意行添加一行，并且可以配置添加的位置，如第一行、第二行、倒数第一行或倒数第二行。前提条件是该行数必须在表中存在，否则添加不成功。

2. 删除一行：

支持动态删除指定行。

接下来，我先为大家展示一下结果。

二、演示结果

2. 添加一行：点击“添加”按钮，即可在指定位置添加一行。例如，连续点击两下“添加”按钮，将自动添加两行。

3. 删除一行：选中要删除的行，然后点击“删除”按钮。例如，选中一行后，点击“删除”按钮，即可删除选中的行。

三、核心代码

四、HTML页面代码

接下来是HTML页面的代码示例，包括页面头部、标题、meta标签以及jQuery库的引入。还提供了添加一行和删除一行的封装方法。

请注意，这里只是一个简单的示例代码，实际应用中可能需要根据具体需求进行调整和优化。如有任何问题或建议，欢迎大家一起指正。但请注意，讨论时请保持友善和尊重，避免人身攻击。

原文中的代码和描述将得以保留，同时我会增加一些生动的语言和文体丰富的内容。

HTML结构：

```html

```

JavaScript功能：

```javascript

// 全选功能实现

function allCheck(allCkb, items){

$(""+allCkb).click(function(){ // 当全选复选框被点击时

$('[name='+items+']:checkbox').attr("checked", this.checked); // 触发所有同名的复选框同步选中或取消选中状态

});

}

function addTr2(tab, row){

}

function delTr2(){

delTr('ckb'); // 删除包含名为'ckb'的复选框所在的行或相关条件匹配的行

}