js将追加的某行tr删除

Html代码:

<table id="show1" style=" width151px;height63px;border2px;">

     <!-- <tr><td>表名</td></tr> -->

</table>

Js代码:知识涉及复选框的选中后放在数组中      和        对追加的行进行单行删除

<script type="text/javascript">

$(document).ready(function(){

    $("#add").click(function(){

var obj=$("input[name=test]");

    var check_val = [];

    for(k in obj){

        if(obj[k].checked)

            check_val.push(obj[k].value);

    }

    if($("#show1").html("")!=null){

    $("#show1").html("");

   }

    for(var i=0;i<check_val.length;i++){

     $("#show1").append("<tr><td>"+check_val[i]+"</td><td><input name="+check_val[i]+  type=\"button\" value=\"删除\" onclick=\"del('"+check_val[i]+"')\"></td></tr>");

    }

});

});

将追加的某行tr删除

function del(tablename){

    var input = $("input[name="+tablename+"]");

    var tr = input.parent().parent();

    tr.remove();

}

JavaScript中,动态添加`<tr>`、`<td>`和`<input>`元素通常用于生成表格内容或者响应用户的交互。你可以通过以下步骤来进行操作: 1. 创建HTML元素:首先,使用`document.createElement()`创建新的DOM元素节点,如`var tr = document.createElement('tr')`、`var td = document.createElement('td')`和`var input = document.createElement('input')`。 2. 设置属性:对创建的每个元素,可以设置其属性,比如`td.innerText = '数据';` 或 `input.type = 'text';`等。 3. 添加到表格:将新创建的元素添加到现有的表格结构中。例如,对于`tr`,`table.appendChild(tr)`;对于`td`或`input`,先添加到它们所属的行中,即`tr.appendChild(td); tr.appendChild(input)`。 4. 可能还需要处理事件,比如监听表单提交或输入变化,这时可以使用`addEventListener()`函数。 这是一个简单的例子: ```javascript function addRow(tableId) { var table = document.getElementById(tableId); var row = table.insertRow(-1); // -1表示插入到最后一行 var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); var cell3 = row.insertCell(2); var input1 = document.createElement('input'); input1.type = 'text'; cell2.appendChild(input1); var button = document.createElement('button'); button.textContent = '删除'; button.addEventListener('click', function() { row.remove(); }); cell3.appendChild(button); } // 调用该函数添加新的行 addRow('myTable'); // 假设myTable是你的表格ID ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值