真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

jquery刪除行,jquery刪除一行

怎么通過jQuery刪除table的一行

都是通過選取節(jié)點(diǎn)刪除的,一種情況是點(diǎn)擊某一行刪掉,就要通過點(diǎn)擊事件獲取節(jié)點(diǎn),一種是在表外有個(gè)按鈕,這種情況就判斷刪你想刪的數(shù)字的行數(shù)就好了

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比貢嘎網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式貢嘎網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋貢嘎地區(qū)。費(fèi)用合理售后完善,十年實(shí)體公司更值得信賴。

JQuery中的remove()刪除表格中的行求解

動(dòng)態(tài)添加的對(duì)象,其事件也要?jiǎng)討B(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

jquery刪除指定的tr可以參考以下的方法:

1、在button 的onclick事件中直接將this傳過去:removeColunm(this);

2、在事件中,this.parent():代表獲取到td ,this.parent().parent():代表獲取到tr。

function removeColumn(thisbutton){

$(thisbutton).parent().parent().remove();

}

擴(kuò)展資料:

常用的 jQuery 事件方法

$(document).ready()

$(document).ready() 方法允許我們?cè)谖臋n完全加載完后執(zhí)行函數(shù)。該事件方法在jQuery 語法章節(jié)中已經(jīng)提到過。

click()

click() 方法是當(dāng)按鈕點(diǎn)擊事件被觸發(fā)時(shí)會(huì)調(diào)用一個(gè)函數(shù)。

該函數(shù)在用戶點(diǎn)擊 HTML 元素時(shí)執(zhí)行。

在下面的實(shí)例中,當(dāng)點(diǎn)擊事件在某個(gè) p 元素上觸發(fā)時(shí),隱藏當(dāng)前的 p 元素:

$("p").click(function(){

$(this).hide();});

dblclick()

當(dāng)雙擊元素時(shí),會(huì)發(fā)生 dblclick 事件。

參考資料來源:百度百科-jQuery

jQuery刪除表格行且只保留前第一行 求解決 麻煩啦

很多問題其實(shí)可以在baidu.com找到,不過有時(shí)自己寫更有成就感。

根據(jù)你的標(biāo)題描述。

個(gè)人感覺說得不是很清晰。

給出一個(gè)例子,功能是點(diǎn)擊“刪除”將移除當(dāng)前點(diǎn)擊所在單元格的前一個(gè)tr。

trlen是獲取當(dāng)前table總有多少個(gè)tr。

如果trlen大于1則可以刪除,反之如果只剩下一個(gè)tr了不允許刪除。

其中.prev()是獲取上一個(gè)相鄰的元素。

相關(guān)的其他教程你可以去三體教程(santii.com)看一下。

先引入jquery,以下為實(shí)例代碼:

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("只剩下一行了不能刪除");

}

});


本文題目:jquery刪除行,jquery刪除一行
鏈接分享:http://weahome.cn/article/dscjpog.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部