189 8069 5689

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、效果演示

怎么通过jQuery删除table的一行

都是通过选取节点删除的,一种情况是点击某一行删掉,就要通过点击事件获取节点,一种是在表外有个按钮,这种情况就判断删你想删的数字的行数就好了

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("只剩下一行了不能删除");

}

});

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

如何用jquery来删除表中的某一行数据。

$("ul li:eq(0)").remove(); //获取 第一个 li元素 并删除

$(".abc").remove() //删除 class为abc的节点


文章标题:jquery删除表,jquery删除表格选中行
分享地址:http://cdxtjz.com/article/dseejih.html

其他资讯