jquery删除tr,jquery删除tr行
jQuery怎么删除table中除前三个tr和后四个tr以外的其他行(tr)
没有那么麻烦,如果你知道表格共有几行,那就好办了:
创新互联公司主要从事成都网站设计、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务上街,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
$("#table tr").slice(1,4).remove();//这句是删除第二到第四行 数字按自己的需要自己修改
如果你不知道表格有多少行,也没关系,用下面这句来读取表格有多少行:
var size=$("#table tr").length();
获取到多少行了,就再用上面的语句来定出自己需要删除的语句。
如果上面这种方法不喜欢,那也可以直接按你的意思,我们来直接删除前三行和后四行:
$("#table tr:lt(3)").remove();
//lt的意思是获取索引比3小的,索引是从0开始的,也就是获取到的是0 1 2 ,正好是前三行
//下面来删除后四行,
因为不知道你的表格有多少行,所以需要先判断:
var max=$("#table tr:last").index();//获取最后一行的索引值
//获取比上面索引值小三的行,删除就行
var get=max-4;//注意这里是减四
$("#table tr:gt("+get+")").remove();
好了,就是这么简单,你可以参考下面这篇文章,很详细的:
jquery里操作table表格的各种方法
jquery删除
jquery删除指定的tr可以参考以下的方法:
1、在button 的onclick事件中直接将this传过去:removeColunm(this);
2、在事件中,this.parent():代表获取到td ,this.parent().parent():代表获取到tr。
function removeColumn(thisbutton){
$(thisbutton).parent().parent().remove();
}
扩展资料:
常用的 jQuery 事件方法
$(document).ready()
$(document).ready() 方法允许我们在文档完全加载完后执行函数。该事件方法在jQuery 语法章节中已经提到过。
click()
click() 方法是当按钮点击事件被触发时会调用一个函数。
该函数在用户点击 HTML 元素时执行。
在下面的实例中,当点击事件在某个 p 元素上触发时,隐藏当前的 p 元素:
$("p").click(function(){
$(this).hide();});
dblclick()
当双击元素时,会发生 dblclick 事件。
参考资料来源:百度百科-jQuery
jquery怎么删除tr的上一个
下面分别列出html代码和js代码
html代码
table
tr
td
经历20多天的旅行,从芬兰南部到北部再到挪威的北角,再从北角到挪威的南部,沿着挪威支离破碎的峡湾,钻山洞,坐渡轮,途径无数无名的峡湾,每一处都漂亮的让人走不动道儿。
/td
/tr
tr
td
span class="delprevbtn"点我删除我上一行/span
/td
/tr
tr
td
span class="delnextbtn"点我删除我下一行/span
/td
/tr
tr
td
说起挪威,玩家们必会提到盖朗厄尔峡湾、哈当厄尔峡湾、吕瑟峡湾和松恩峡湾,似乎峡湾成了挪威的代名词,无数旅行者在前辈们的指引下前仆后继奔向四大峡湾,我也不例外,两个月的资料准备,看了无数的游记帖子,踌躇满志的踏上旅途。注:本代码由且听风吟福利吧(3tii.com)提供,希望对你有帮助。
/td
/tr
/table
js代码
$(".delprevbtn").click(function(){
$(this).parents("tr").prev("tr").remove();
});
$(".delnextbtn").click(function(){
$(this).parents("tr").next("tr").remove();
});
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如何动态删除TR
table class="table"
thead
tr
th表头/thth表头/thth表头/th
/tr
/thead
tbody
tr
td数据1/tdtd数据1/tdtd class="del"删除/td
/tr
tr
td数据2/tdtd数据2/tdtd class="del"删除/td
/tr
tr
td数据3/tdtd数据3/tdtd class="del"删除/td
/tr
/tbody
/table
$('td.del').on('click', function() {
$(this).parent('tr').remove()
});
JQuery 操作tr的添加、删除问题!
可以换个方式来实现,测试可行:
!DOCTYPE html
html
head
titledemo/title
script src=""/script
script type="text/javascript"
$(function(){
$(".aa").click(function(){
var v = $(this).attr("value");
if(v == 1){
$(this).parents("tr").after('tr class="tools"td3button class="bb"bb/button/td/tr');
$(this).attr("value","0");
}else{
$(".tools").remove();
$(this).attr("value","1");
}
});
});
/script
/head
body
table
trtd1/td/tr
trtd2button class="aa" value="1"aa/button/td/tr
trtd4/td/tr
/table
/body
/html
网站标题:jquery删除tr,jquery删除tr行
URL分享:http://myzitong.com/article/dsdpgos.html