正文
jquery删除表,jquery删除表格选中行
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery要删除table表单中被checkbox选中的多列或全部列，如何实现
思路：遍历被选中的checkbox对象→根据选中项筛选需要删除的列对象→删除筛选出的列。实例说明如下：
1、HTML结构
table id="test_table"
tr
tdinput type="checkbox" name="test"1/td
tdinput type="checkbox" name="test"2/td
tdinput type="checkbox" name="test"3/td
tdinput type="checkbox" name="test"4/td
tdinput type="checkbox" name="test"5/td
/tr
trtd1-1/tdtd1-2/tdtd1-3/tdtd1-4/tdtd1-5/td/tr
trtd2-1/tdtd2-2/tdtd2-3/tdtd2-4/tdtd2-5/td/tr
trtd3-1/tdtd3-2/tdtd3-3/tdtd3-4/tdtd3-5/td/tr
/table
input type='button' value='删除'/
2、jquery代码
$(function(){
$("input[type='button']").click(function() {
$("input[name='test']:checked").each(function() { // 遍历选中的checkbox
n = $(this).parent("td").index(); // 获取checkbox所在列顺序
$("table#test_table tr").find("td:eq("+n+")").remove();
});
});
});
3、效果演示
相关问答
Q1: 怎么通过jQuery删除table的一行
都是通过选取节点删除的，一种情况是点击某一行删掉，就要通过点击事件获取节点，一种是在表外有个按钮，这种情况就判断删你想删的数字的行数就好了
Q2: jQuery删除表格行且只保留前第一行 求解决 麻烦啦
很多问题其实可以在baidu.com找到，不过有时自己写更有成就感。
根据你的标题描述。
个人感觉说得不是很清晰。
给出一个例子，功能是点击“删除”将移除当前点击所在单元格的前一个tr。
trlen是获取当前table总有多少个tr。
如果trlen大于1则可以删除，反之如果只剩下一个tr了不允许删除。
其中.prev()是获取上一个相邻的元素。
相关的其他教程你可以去三体教程(santii.com)看一下。
先引入jquery，以下为实例代码：
table width="100%" border="1" class="tb"
tr
td1/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan class="del"删除/span/td
/tr
tr
td2/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan class="del"删除/span/td
/tr
tr
td3/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan class="del"删除/span/td
/tr
tr
td4/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan class="del"删除/span/td
/tr
tr
td5/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan class="del"删除/span/td
/tr
tr
td6/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan class="del"删除/span/td
/tr
tr
td7/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan class="del"删除/span/td
/tr
tr
td8/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan class="del"删除/span/td
/tr
tr
td9/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan class="del"删除/span/td
/tr
tr
td10/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan class="del"删除/span/td
/tr
tr
td11/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan class="del"删除/span/td
/tr
/table
$("span.del").click(function(){
var trlen=$(".tb").find("tr").length;
if (trlen1){
$(this).parent().parent().prev().remove();
}else{
alert("只剩下一行了不能删除");
}
});
Q3: JQuery中的remove()删除表格中的行求解
动态添加的对象，其事件也要动态绑定！
!DOCTYPE html
html
head
meta charset="UTF-8"
title添加与删除/title
script src="js/jquery-1.8.3.min.js"/script
script
var n=1;
$(function(){
$("button").click(function(){
var btn=$("input type='button' value='删除'/");
btn.click(function(){
$(this).closest("tr").remove();
});
$("tbody").append($("trtd"+n+"/tdtd新添加的表格/td/tr").append($("td/td").append(btn)));
n++;
});
});
/script
/head
body
button添加表格/button
table border="1px"
tbody
/tbody
/table
/body
/html
Q4: 如何用jquery来删除表中的某一行数据。
$("ul li:eq(0)").remove(); //获取 第一个 li元素 并删除
$(".abc").remove() //删除 class为abc的节点
