Question

jquery删除指定的tr

一行有三个<td>,我有三行，每一行最后面有个按钮用来删除当前行

Answer 1

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

Answer 2

点击删除按钮时触发下面的方法：
function deleteTr（obj）{
//obj也就是按钮的父元素是tr的话
$(obj).parent().remove();
}

追问

不完整

追答

你是说你的删除按钮不在tr里吗
把你的代码贴一发，骚年

追问

其实就是一行里面分成四个格子，前三个装数据，最后一个放按钮，我要点击按钮，清楚掉前面三格的数据。或者删除整行（如何能达到清楚前三格的数据就最好了，就不用删了）

追答

这样就可以了，tr是button的爷爷元素。
jsp：delete
$(obj).parent().parent().remove();

追问

$(obj).parent().parent().remove();
这一行单独放在一个script里？obj是个id？
不管用。点击没反映

追答

function deleteTr（obj）{
//obj也就是按钮的父元素是tr的话
$(obj).parent().parent().remove();
}
obj是jsp里button的onclick时间传进来的，如下这样写：
delete
我这里亲自试过都可以删除了。

你再试试

追问

并不行

追答

你F12看看报什么错误，是不是Jquery没引进来啊

追问

Error("Bootstrap's JavaScript requires jQuery")。
但是我确定顺序是正确的。而且我用其他的js又没有问题。

追答

这个错误是Bootstrap的，应该是Jquery没有引进来，你把Jquery的引入代码行写到Bootstrap的引入前面

Answer 3

今天我也遇到该问题：很轻松的瞎猫碰到死耗子解决了。
1、在button 的onclick事件中直接将this传过去：removeColunm(this);
2、在事件中，this.parent():代表获取到td ，this.parent().parent():代表获取到tr。
function removeColumn(thisbutton){
$(thisbutton).parent().parent().remove();
}
好人一生平安，拿走不谢。

Answer 4

<tr class="tr"></tr><input type="button" class="btn" />
$(".btn").click(function(){
$(".tr").remove();

});

追问

不行。我的删除按钮是放在一个格子里的。