$("ul li:eq(0)").remove(); //獲取 第一個 li元素 并刪除
成都地區(qū)優(yōu)秀IDC服務器托管提供商(成都創(chuàng)新互聯公司).為客戶提供專業(yè)的雅安移動機房,四川各地服務器托管,雅安移動機房、多線服務器托管.托管咨詢專線:18982081108
$(".abc").remove() //刪除 class為abc的節(jié)點
動態(tài)添加的對象,其事件也要動態(tài)綁定!
!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() 方法允許我們在文檔完全加載完后執(zhí)行函數。該事件方法在jQuery 語法章節(jié)中已經提到過。
click()
click() 方法是當按鈕點擊事件被觸發(fā)時會調用一個函數。
該函數在用戶點擊 HTML 元素時執(zhí)行。
在下面的實例中,當點擊事件在某個 p 元素上觸發(fā)時,隱藏當前的 p 元素:
$("p").click(function(){
$(this).hide();});
dblclick()
當雙擊元素時,會發(fā)生 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("只剩下一行了不能刪除");
}
});
都是通過選取節(jié)點刪除的,一種情況是點擊某一行刪掉,就要通過點擊事件獲取節(jié)點,一種是在表外有個按鈕,這種情況就判斷刪你想刪的數字的行數就好了