jquery添加TR

!DOCTYPE?html

創(chuàng)新互聯(lián)主營五大連池網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,APP應(yīng)用開發(fā),五大連池h5小程序制作搭建,五大連池網(wǎng)站營銷推廣歡迎五大連池等地區(qū)企業(yè)咨詢

html

head

meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8"

script?class="jquery?library"?src="/js/sandbox/jquery/jquery-1.8.2.min.js"?type="text/javascript"/script

title

RunJS?演示代碼

/title

script

jQuery(function($){

var?table?=?$("table");

var?addbtn?=?$("button:contains('添加')").click(function(){

if(table.data("ing")?==?1)?{

alert("必須保存這個(gè)TR中輸入的值之后，才能再次添加TR，否則不能再次添加");

return;

};

var?txt?=?$("trtdinput?type='text'?//td/tr");

table.append(txt).data("ing",?1).prop("txt",?txt.find(":text"));?

});

$("button:contains('保存')").click(function(){

var?txt?=?table.prop("txt");

if(table.data("ing")==0){

alert("你已經(jīng)保存過了，不能更改，具體參考提問者需求");

return;

}

if(txt.val()?==?""){

alert("填寫好數(shù)據(jù)再保存");

txt.focus();

return;

}else{

txt.prop("readonly",true);

table.data("ing",?0);

}

});

});

/script

/head

body

table

/table

button

添加

/button

button

保存

/button

/body

/html

jquery刪除

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() 方法允許我們在文檔完全加載完后執(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刪除指定的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() 方法允許我們在文檔完全加載完后執(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