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

经历20多天的旅行，从芬兰南部到北部再到挪威的北角，再从北角到挪威的南部，沿着挪威支离破碎的峡湾，钻山洞，坐渡轮，途径无数无名的峡湾，每一处都漂亮的让人走不动道儿。

/td

/tr

span class="delprevbtn"点我删除我上一行/span

/td

/tr

span class="delnextbtn"点我删除我下一行/span

/td

/tr

说起挪威，玩家们必会提到盖朗厄尔峡湾、哈当厄尔峡湾、吕瑟峡湾和松恩峡湾，似乎峡湾成了挪威的代名词，无数旅行者在前辈们的指引下前仆后继奔向四大峡湾，我也不例外，两个月的资料准备，看了无数的游记帖子，踌躇满志的踏上旅途。注：本代码由且听风吟福利吧(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"

td1/td

tdnbsp;/td

tdspan class="del"删除/span/td

/tr

td2/td

tdnbsp;/td

tdspan class="del"删除/span/td

/tr

td3/td

tdnbsp;/td

tdspan class="del"删除/span/td

/tr

td4/td

tdnbsp;/td

tdspan class="del"删除/span/td

/tr

td5/td

tdnbsp;/td

tdspan class="del"删除/span/td

/tr

td6/td

tdnbsp;/td

tdspan class="del"删除/span/td

/tr

td7/td

tdnbsp;/td

tdspan class="del"删除/span/td

/tr

td8/td

tdnbsp;/td

tdspan class="del"删除/span/td

/tr

td9/td

tdnbsp;/td

tdspan class="del"删除/span/td

/tr

td10/td

tdnbsp;/td

tdspan class="del"删除/span/td

/tr

td11/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

th表头/thth表头/thth表头/th

/tr

/thead

tbody

td数据1/tdtd数据1/tdtd class="del"删除/td

/tr

td数据2/tdtd数据2/tdtd class="del"删除/td

/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行
文章分享：http://scyanting.com/article/dsdpgos.html

jquery删除tr,jquery删除tr行

jQuery怎么删除table中除前三个tr和后四个tr以外的其他行（tr）

jquery删除

jquery怎么删除tr的上一个

jQuery删除表格行且只保留前第一行 求解决 麻烦啦

jQuery如何动态删除TR

JQuery 操作tr的添加、删除问题！

其他资讯

jQuery删除表格行且只保留前第一行求解决麻烦啦