我想使用 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
,并将其删除。
关于javascript - 如何根据索引删除一行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34305727/