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
可以换个方式来实现,测试可行:
<!DOCTYPE html><html>
<head>
<title>demo</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(function(){
$(".aa").click(function(){
var v = $(this).attr("value")
if(v == 1){
$(this).parents("tr").after('<tr class="tools"><td>3<button class="bb">bb</button></td></tr>')
$(this).attr("value","0")
}else{
$(".tools").remove()
$(this).attr("value","1")
}
})
})
</script>
</head>
<body>
<table>
<tr><td>1</td></tr>
<tr><td>2<button class="aa" value="1">aa</button></td></tr>
<tr><td>4</td></tr>
</table>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)