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& ...

随机推荐

Spring使用外部的配置文件
在使用Spring做web项目的时候,通常会使用到数据库的连接信息 jdbcUrl driverClass username password 那么应该如何使用这些属性呢? 如在Spring中使用数据 ...
Java多线程2：实现多线程的两种方式
原文:http://www.cnblogs.com/skywang12345/p/3479063.html 常见的实现多线程的方式有2种,一是继承Thread类,二是实现 Runnable接口,还可以 ...
hadoop拾遗（五）---- mapreduce 输出到多个文件 / 文件夹
今天要把HBase中的部分数据转移到HDFS上,想根据时间戳来自动输出到以时间戳来命名的每个文件夹下.虽然以前也做过相似工作,但有些细节还是忘记了,所以这次写个随笔记录一下. package com. ...
即时通信Spark安装和配置
spark:Cross-platform real-time collaboration client optimized for business and organizations.Spark i ...
java教材
教材blog !!http://www.w3cschool.cc/java/java-tutorial.html ok http://www.douban.com/group/topic/ ...
UVa 11922 - Permutation Transformer 伸展树
第一棵伸展树,各种调试模板……TVT 对于 1 n 这种查询我处理的不太好,之前序列前后没有添加冗余节点,一直Runtime Error. 后来加上冗余节点之后又出了别的状况,因为多了 0 和 n+1 ...
C/c++输入输出函数
最全输入函数 c/c++一:c=getchar();功能:读入一个字符说明:调用此函数时要求在程序的第一行有预编译命令:#include<stdio>,不过在做c++时有#include ...
Android开发之创建桌面快捷方式
Android创建桌面快捷方式就是在桌面这个应用上创建一个快捷方式,桌面应用:launcher2 通过查看launcher2的清单文件: <!-- Intent received used to ...
[HDOJ2818]Building Block（带权并查集，路径压缩）
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2818 题意:有N个块,每次有两个操作: M x y表示把x所在的那一堆全部移到y所在的那一堆的下方. ...
Android开发性能优化大总结
1. 采用硬件加速,在androidmanifest.xml中application添加android:hardwareAccelerated="true".不过这个需要在and ...

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

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

随机推荐

热门专题