jquery$tr,jQuerytree获取value

jquery添加TR

!DOCTYPE html

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

相关问答

Q1: JQuery问题图片里的$tr i dom 什么意思啊

$tr是一个节点数组。用each遍历数组。i表示数组的下标，从0开始。dom表示数组中的每一个具体节点对象。即dom = $tr[i]

Q2: jQuery $(tr) 这的选取

你直接写$(checkbox).click()不就行了？一般的操作是点取行进去该行的详细内容。

这是个冒泡事件！

只要在button的操作上阻止上层事件就OK了 具体操作就是

$(“input:button”).click(function(event){

event.stopPropagation();

})

Q3: jquery中我获取到tr的值，再想获取里面每个td的值，怎么获取？

已知HTML：tr id="row001"td001/tdtd张三/td/tr

JQUERY代码：

var $tr=$("#row001"),valArr=[];//$tr是获取的tr

$tr.find("td").each(function(){

valArr.push($.trim($(this).text()));//.text()获取td的文本内容，$.trim()去空格

});

alert(valArr.join(";"));//输出结果