$("ul li:eq(0)").remove(); //获取 第一个 li元素 并删除
成都地区优秀IDC服务器托管提供商(成都创新互联公司).为客户提供专业的雅安移动机房,四川各地服务器托管,雅安移动机房、多线服务器托管.托管咨询专线:18982081108
$(".abc").remove() //删除 class为abc的节点
动态添加的对象,其事件也要动态绑定!
!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
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
很多问题其实可以在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("只剩下一行了不能删除");
}
});
都是通过选取节点删除的,一种情况是点击某一行删掉,就要通过点击事件获取节点,一种是在表外有个按钮,这种情况就判断删你想删的数字的行数就好了
售后响应及时
7×24小时客服热线数据备份
更安全、更高效、更稳定价格公道精准
项目经理精准报价不弄虚作假合作无风险
重合同讲信誉,无效全额退款