十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
都是通过选取节点删除的,一种情况是点击某一行删掉,就要通过点击事件获取节点,一种是在表外有个按钮,这种情况就判断删你想删的数字的行数就好了
10年积累的成都网站制作、成都网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先制作网站后付款的网站建设流程,更有灯塔免费网站建设让你可以放心的选择与我们合作。
动态添加的对象,其事件也要动态绑定!
!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
table
tr class="tr-line"
td第一行第一列/tdtd第一行第二列/td
/tr
tr class="tr-line"
td第二行第一列/tdtd第二行第二列/td
/tr
/table
$(function(){
//给table的行赋值click事件,点击行即删除该行
$(".tr-line").click(function(){
$(this).remove();//移除当前的元素
});
});
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
用选择器选中你需要删除的元素,然后删掉就可以了,$('table tr').remove()
id不能有重复的吧,你换成class,然后通过class删除多行,或者可以换个思路,把新取出来的数据,都放到新行里,会循环出很多tr,然后把table里的html都换成tr,就都替换了吧,根本不用删除了,你用这个appendTo类似追加的,之前的行还在,所以得删除。