jquery添加TR

!DOCTYPE html

创新互联主营五大连池网站建设的网络公司,主营网站建设方案,APP应用开发,五大连池h5小程序制作搭建,五大连池网站营销推广欢迎五大连池等地区企业咨询

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("必须保存这个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("你已经保存过了，不能更改，具体参考提问者需求");

return;

}

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

alert("填写好数据再保存");

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();

}

扩展资料：

常用的 jQuery 事件方法

$(document).ready()

$(document).ready() 方法允许我们在文档完全加载完后执行函数。该事件方法在jQuery 语法章节中已经提到过。

click()

click() 方法是当按钮点击事件被触发时会调用一个函数。

该函数在用户点击 HTML 元素时执行。

在下面的实例中，当点击事件在某个 p 元素上触发时，隐藏当前的 p 元素：

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

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

dblclick()

当双击元素时，会发生 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();

}

扩展资料：

常用的 jQuery 事件方法

$(document).ready()

$(document).ready() 方法允许我们在文档完全加载完后执行函数。该事件方法在jQuery 语法章节中已经提到过。

click()

click() 方法是当按钮点击事件被触发时会调用一个函数。

该函数在用户点击 HTML 元素时执行。

在下面的实例中，当点击事件在某个 p 元素上触发时，隐藏当前的 p 元素：

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

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

dblclick()

当双击元素时，会发生 dblclick 事件。

参考资料来源：百度百科-jQuery

本文名称：jquerytr,jQuerytree获取value
网页路径：http://azwzsj.com/article/phjpgh.html