javascript – 如何根据索引删除行？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何根据索引删除行？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1283字，纯文字阅读大概需要2分钟。

内容图文

我想使用jQuery删除选定的行.首先,在单击“添加”按钮时,将使用“删除”按钮动态添加行.现在我想删除所选行.

我使用以下代码动态添加行：

$("#btnAdd").on('click', function (){  
  $('#Time tr').last().after('<tr><td><span style="font-size:14px;">Diplamo/Certificate :</span><input type="textbox" input id="addedValue12" name = "Certificate"></td><td><span style="font-size:14px;">Percentage :</span><input type="textbox" id="addedValue123" name = "CertificatePer"></td></tr>'); 		
});

<input id="btnAdd" type="button" value="add" />
<table id="Time"> 
    <tr>
    </tr>
</table>

我在JSP页面中显示值.

<c:forEach var="var1" items="${empedu.empCertificate}">
  Certificate Name:<input value="${var1.certification}" name="Certificate" type="text" title="Only Text Allowed" pattern="[a-zA-Z\s'.,@:&?!()$#/\\]+" />
  Percentage: <input value="${var1.percentage}" name="CertificatePer" style="width: 100px;" type="text" max="100" />
  <input type="button" id="deleteRow" name="delete" value="delete" /><br/>
</c:forEach>

它在屏幕上显示如下：

在这里,如果我点击第三行,我想删除第三行.我怎样才能做到这一点？

解决方法:

$("#Time").on("click", ".delete", function(){

    $(this).closest("tr").remove();

});

假设delete是删除按钮的类.我使用.on作为行,因此删除按钮是动态添加的.

这是从单击的删除按钮中选择最接近的tr,并将其删除.

Working Fiddle

内容总结

以上是互联网集市为您收集整理的javascript – 如何根据索引删除行？全部内容，希望文章能够帮你解决javascript – 如何根据索引删除行？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端