!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删除指定的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可以参考以下的方法：
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
