jQuery遍历Table tr td td中包含标签

function shengchen() {

var arrTR = $("#tbModule").children();

var Context="";

$("#tbModule").find("tr").each(function () {

var arrtd = $(this).children();

tdContext = $.trim(arrtd.eq(0).text());

tdContext += ":" + arrtd.eq(2).find("input").val() + ";";

Context += tdContext;

})

Context= Context.substring(Context.indexOf(";")+1);

$("#txtContent").val(Context);

}

我这里是通过点击来获取 table中的td的数据，其中一个td包含一个input标签

通过

$("#tbModule").find("tr").each(function () {})

来获回去所有行的对象，通过

$(this).children();

来获取行内所有的td，通过

arrtd.eq(0)

来获取某个制定的td，这里你也可以用循环来获取数据，注释的部分是获取td中标签的值

for (var k = 0; k < arrtd.length; k++) {

var con = arrtd.eq(k).text();

//var con = arrtd.eq(2).find("input").val();

}

全部代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="BianLi.aspx.cs" Inherits="jQueryDemoWeb.BianLi" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

function shengchen() {

var arrTR = $("#tbModule").children();

var Context = "";

$("#tbModule").find("tr").each(function () {

var arrtd = $(this).children();

tdContext = $.trim(arrtd.eq(0).text());

tdContext += ":" + arrtd.eq(2).find("input").val() + ";";

Context += tdContext;

// for (var k = 0; k < arrtd.length; k++) {

// var con = arrtd.eq(k).text();

// //var con = arrtd.eq(2).find("input").val();

// }

})

Context = Context.substring(Context.indexOf(";") + 1);

$("#txtContent").val(Context);

}

</script>

</head>

<body>

<div>

<table id="tbModule" width="100%" cellpadding="0" cellspacing="0" style="border-right: 1px solid #D2D2D2;

border-left: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2;">

<tr>

编号

</td>

名称

</td>

终端数量

</td>

</tr>

</td>

前台收银

</td>

<input name="rptModule$ctl00$txtCount" type="text" value="3" id="rptModule_ctl00_txtCount"

style="width: 60px;" />

</td>

</tr>

</td>

打印服务器

</td>

<input name="rptModule$ctl01$txtCount" type="text" value="3" id="rptModule_ctl01_txtCount"

style="width: 60px;" />

</td>

</tr>

</td>

无线服务器

</td>

<input name="rptModule$ctl02$txtCount" type="text" value="3" id="rptModule_ctl02_txtCount"

style="width: 60px;" />

</td>

</tr>

</td>

会员管理

</td>

<input name="rptModule$ctl03$txtCount" type="text" value="3" id="rptModule_ctl03_txtCount"

style="width: 60px;" />

</td>

</tr>

</td>

库存管理

</td>

<input name="rptModule$ctl04$txtCount" type="text" value="3" id="rptModule_ctl04_txtCount"

style="width: 60px;" />

</td>

</tr>

</td>

经理查询

</td>

<input name="rptModule$ctl05$txtCount" type="text" value="3" id="rptModule_ctl05_txtCount"

style="width: 60px;" />

</td>

</tr>

</td>

数据维护

</td>

<input name="rptModule$ctl06$txtCount" type="text" value="3" id="rptModule_ctl06_txtCount"

style="width: 60px;" />

</td>

</tr>

</td>

成本管理

</td>

<input name="rptModule$ctl07$txtCount" type="text" value="3" id="rptModule_ctl07_txtCount"

style="width: 60px;" />

</td>

</tr>

</td>

预订平台

</td>

<input name="rptModule$ctl08$txtCount" type="text" value="3" id="rptModule_ctl08_txtCount"

style="width: 60px;" />

</td>

</tr>

</td>

快餐收银

</td>

<input name="rptModule$ctl09$txtCount" type="text" value="3" id="rptModule_ctl09_txtCount"

style="width: 60px;" />

</td>

</tr>

</td>

财务管理

</td>

<input name="rptModule$ctl10$txtCount" type="text" value="3" id="rptModule_ctl10_txtCount"

style="width: 60px;" />

</td>

</tr>

</td>

营销管理

</td>

<input name="rptModule$ctl11$txtCount" type="text" value="3" id="rptModule_ctl11_txtCount"

style="width: 60px;" />

</td>

</tr>

</td>

厨房监控

</td>

<input name="rptModule$ctl12$txtCount" type="text" value="3" id="rptModule_ctl12_txtCount"

style="width: 60px;" />

</td>

</tr>

</td>

总部管理

</td>

<input name="rptModule$ctl13$txtCount" type="text" value="3" id="rptModule_ctl13_txtCount"

style="width: 60px;" />

</td>

</tr>

</table>

</div>

<br />

<br />

</form>

</body>

</html>

秒客网

jQuery遍历Table tr td td中包含标签

相关文章