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中包含标签的更多相关文章

jQuery遍历table中的tr td并获取td中的值
jQuery遍历table中的tr td并获取td中的值 $(function(){ $("#tableId tr").find("td").each(func ...
jQuery遍历table中间tr td并获得td价值
jQuery遍历table中间tr td并获得td中间值 $(function(){ $("#tableId tr").find("td").each(func ...
jquery遍历table中每个td的值
废话不说直接上: <table style="border:1px solid #ccc"> <tr> <td&g ...
jQuery操作Table tr td常用的方法
虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...
汇总常用的jQuery操作Table tr td方法
虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...
jQuery操作table tr td
1.鼠标移动行变色 $("#tab tr").hover(function(){ $(this).children("td").addClass("h ...
Visual Studio 2017中使用正则修改部分内容如何使用ILAsm与ILDasm修改.Net exe(dll)文件 C#学习-图解教程(1)：格式化数字字符串小程序开发之图片转Base64（C#、.Net） jquery遍历table为每一个单元格取值及赋值。net加密解密相关方法 .net关于坐标之间一些简单操作
Visual Studio 2017中使用正则修改部分内容最近在项目中想实现一个小工具,需要根据类的属性<summary>的内容加上相应的[Description]特性,需要实现的效 ...
jQuery遍历Table表格的行和列
遍历Table表格的行和列,在开发中比较常用的功能,特别是前端开发人员,不多说,直接上代码,下面代码只是弹出第一列字段,请各位自己根据需求修改和扩展! <!DOCTYPE html PUBLIC ...
[转]jquery遍历table的tr获取td的值
html代码: 1 <tbody id="history_income_list"> 2 <tr> 3 <td align="center& ...

随机推荐

无法将 grub-efl-amd64-signed 软件包安装/target/ 中
64位win7下U盘安装64位ubuntu12.04,出现[无法将 grub-efl-amd64-signed 软件包安装/target/ 中]的错误 1. 已经确认为 12.04.2 的 Bug B ...
SaaS系列介绍之十四: SaaS软件开发分析
1 引言真正的问题,不是电脑是否具备思考能力,而是人类是否具备这种能力 ________B.F.Skinner<计算机科学> SaaS模式不同于传 ...
【nginx运维基础(1)】Nginx的编译安装与使用
nginx的官方手册: http://nginx.org/en/docs/ 编译安装下载地址: http://nginx.org/en/download.html # 为了支持rewrite功能,我 ...
python 利用imap接收邮件，并保存附件
def SaveAttachImap():# login the imap server ,retrive the new mails ,and download the attachments. ...
Photoshop：笔刷制作和安装
笔刷制作 1.新建一个文档,大小为要制作的笔刷大小,把画笔图像放里面 2.选择:菜单->编辑->定义画笔预设,这时在画笔面板中会出现刚定义的画笔 3.存储画笔,可以把当前的笔刷保存为一个. ...
java中文排序
对中文名称进行排序,不多说,上代码 package test; /** * @Title: Person.java * @Copyright: Copyright (c) 2012-11-19 * @ ...
MyEclipse 2014 + JSP+ Servlet
来自:http://blog.csdn.net/21aspnet/article/details/21867241 1.安装准备 1).下载安装MyEclipse2014,这已经是最新版本. 2).下 ...
cpan 配置
$ cpan Cpan>o conf init 最主要的是配置镜像地址,试了下,还是香港的靠谱…… cpan中镜像地址列表:http://www.cpan.org/SITES.html 香港的镜 ...
ER模型到关系模型的转换规则
E-R模型向关系模型的转换规则: 一.两元联系的转换规则 (1)实体类型的转换将每个实体类型转换成一个关系模式,实体的属性即为关系的属性,实体标识符即为关系的键. (2)联系类型的转换 a实体间的联 ...
URAL 1992
CVS Description Yoda: Visit I will the cloners on Kamino... And see this army they have created for ...

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

jQuery遍历Table tr td td中包含标签的更多相关文章

随机推荐

热门专题