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">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

<script>

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>

<form id="form1" runat="server">

<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 class="tb_d1" style="width: 60px;">

编号

</td>

<td class="tb_d1" style="width: 60px;">

名称

</td>

<td class="tb_d2" style="width: 80px;">

终端数量

</td>

</tr>

<tr id='1'>

<td id='dt11' class="tb_d1" style="width: 60px;">

1

</td>

<td id="dt21" class="tb_d1" style="width: 60px;">

前台收银

</td>

<td class="tb_d2" style="width: 80px;">

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

style="width: 60px;" />

</td>

</tr>

<tr id='2'>

<td id='dt12' class="tb_d1" style="width: 60px;">

2

</td>

<td id="dt22" class="tb_d1" style="width: 60px;">

打印服务器

</td>

<td class="tb_d2" style="width: 80px;">

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

style="width: 60px;" />

</td>

</tr>

<tr id='3'>

<td id='dt13' class="tb_d1" style="width: 60px;">

3

</td>

<td id="dt23" class="tb_d1" style="width: 60px;">

无线服务器

</td>

<td class="tb_d2" style="width: 80px;">

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

style="width: 60px;" />

</td>

</tr>

<tr id='4'>

<td id='dt14' class="tb_d1" style="width: 60px;">

4

</td>

<td id="dt24" class="tb_d1" style="width: 60px;">

会员管理

</td>

<td class="tb_d2" style="width: 80px;">

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

style="width: 60px;" />

</td>

</tr>

<tr id='5'>

<td id='dt15' class="tb_d1" style="width: 60px;">

5

</td>

<td id="dt25" class="tb_d1" style="width: 60px;">

库存管理

</td>

<td class="tb_d2" style="width: 80px;">

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

style="width: 60px;" />

</td>

</tr>

<tr id='6'>

<td id='dt16' class="tb_d1" style="width: 60px;">

6

</td>

<td id="dt26" class="tb_d1" style="width: 60px;">

经理查询

</td>

<td class="tb_d2" style="width: 80px;">

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

style="width: 60px;" />

</td>

</tr>

<tr id='7'>

<td id='dt17' class="tb_d1" style="width: 60px;">

7

</td>

<td id="dt27" class="tb_d1" style="width: 60px;">

数据维护

</td>

<td class="tb_d2" style="width: 80px;">

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

style="width: 60px;" />

</td>

</tr>

<tr id='10'>

<td id='dt110' class="tb_d1" style="width: 60px;">

10

</td>

<td id="dt210" class="tb_d1" style="width: 60px;">

成本管理

</td>

<td class="tb_d2" style="width: 80px;">

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

style="width: 60px;" />

</td>

</tr>

<tr id='17'>

<td id='dt117' class="tb_d1" style="width: 60px;">

17

</td>

<td id="dt217" class="tb_d1" style="width: 60px;">

预订平台

</td>

<td class="tb_d2" style="width: 80px;">

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

style="width: 60px;" />

</td>

</tr>

<tr id='20'>

<td id='dt120' class="tb_d1" style="width: 60px;">

20

</td>

<td id="dt220" class="tb_d1" style="width: 60px;">

快餐收银

</td>

<td class="tb_d2" style="width: 80px;">

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

style="width: 60px;" />

</td>

</tr>

<tr id='21'>

<td id='dt121' class="tb_d1" style="width: 60px;">

21

</td>

<td id="dt221" class="tb_d1" style="width: 60px;">

财务管理

</td>

<td class="tb_d2" style="width: 80px;">

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

style="width: 60px;" />

</td>

</tr>

<tr id='22'>

<td id='dt122' class="tb_d1" style="width: 60px;">

22

</td>

<td id="dt222" class="tb_d1" style="width: 60px;">

营销管理

</td>

<td class="tb_d2" style="width: 80px;">

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

style="width: 60px;" />

</td>

</tr>

<tr id='23'>

<td id='dt123' class="tb_d1" style="width: 60px;">

23

</td>

<td id="dt223" class="tb_d1" style="width: 60px;">

厨房监控

</td>

<td class="tb_d2" style="width: 80px;">

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

style="width: 60px;" />

</td>

</tr>

<tr id='24'>

<td id='dt124' class="tb_d1" style="width: 60px;">

24

</td>

<td id="dt224" class="tb_d1" style="width: 60px;">

总部管理

</td>

<td class="tb_d2" style="width: 80px;">

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

style="width: 60px;" />

</td>

</tr>

</table>

</div>

<br />

<a href="javascript:shengchen();">生成</a>

<br />

<br />

<input name="tt" id="txtContent" type="text" style="width: 977px;" />

</form>

</body>

</html>

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

  1. jQuery遍历table中的tr td并获取td中的值

    jQuery遍历table中的tr td并获取td中的值 $(function(){ $("#tableId tr").find("td").each(func ...

  2. jQuery遍历table中间tr td并获得td价值

    jQuery遍历table中间tr td并获得td中间值 $(function(){ $("#tableId tr").find("td").each(func ...

  3. jquery遍历table中每个td的值

    废话不说直接上: <table style="border:1px solid #ccc">        <tr>            <td&g ...

  4. jQuery操作Table tr td常用的方法

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...

  5. 汇总常用的jQuery操作Table tr td方法

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...

  6. jQuery操作table tr td

    1.鼠标移动行变色 $("#tab tr").hover(function(){ $(this).children("td").addClass("h ...

  7. Visual Studio 2017中使用正则修改部分内容 如何使用ILAsm与ILDasm修改.Net exe(dll)文件 C#学习-图解教程(1):格式化数字字符串 小程序开发之图片转Base64(C#、.Net) jquery遍历table为每一个单元格取值及赋值 。net加密解密相关方法 .net关于坐标之间一些简单操作

    Visual Studio 2017中使用正则修改部分内容   最近在项目中想实现一个小工具,需要根据类的属性<summary>的内容加上相应的[Description]特性,需要实现的效 ...

  8. jQuery遍历Table表格的行和列

    遍历Table表格的行和列,在开发中比较常用的功能,特别是前端开发人员,不多说,直接上代码,下面代码只是弹出第一列字段,请各位自己根据需求修改和扩展! <!DOCTYPE html PUBLIC ...

  9. [转]jquery遍历table的tr获取td的值

    html代码: 1 <tbody id="history_income_list"> 2 <tr> 3 <td align="center& ...

随机推荐

  1. eclipse中(装了插件m2eclipse后的)导入maven工程显示"感叹号"

      有时候导入一些开源工程(maven结构的),在eclipse中(装了插件m2eclipse后的)该工程前面会有一个小的红色感叹号,但点开工程后没有发现有打小红叉的内容,这种情况其实大部分是jar包 ...

  2. iOS UICollectionView简单使用

    UICollectionView 和 UICollectionViewController 类是iOS6 新引进的API,用于展示集合视图,布局更加灵活,可实现多列布局,用法类似于UITableVie ...

  3. Android:密码显示隐藏

    效果: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android= ...

  4. PowerDesigner连接Oracle数据库建表序列号实现自动增长

    原文:PowerDesigner连接Oracle数据库建表序列号实现自动增长 创建表就不说了.下面开始介绍设置自动增长列. 1 在表视图的列上创建.双击表视图,打开table properties — ...

  5. C# Java间进行RSA加密解密交互

    原文:C# Java间进行RSA加密解密交互 这里,讲一下RSA算法加解密在C#和Java之间交互的问题,这两天纠结了很久,也看了很多其他人写的文章,颇受裨益,但没能解决我的实际问题,终于,还是被我捣 ...

  6. Android The content of the adapter has changed but ListView did not receive a notification

    The content of the adapter has changed but ListView did not receive a notification. Make sure the co ...

  7. public View getView(int position, View convertView, final ViewGroup parent)三个参数的意思

    最近看到有人在问这三个参数的含义,其实帮助已经很详细的介绍了这三个参数,看来还是要好好学学英语了,不然连解释都看不懂. /**     * Get a View that displays the d ...

  8. java教材

    教材blog    !!http://www.w3cschool.cc/java/java-tutorial.html    ok http://www.douban.com/group/topic/ ...

  9. 尝鲜delphi开发android/ios_环境搭建

    Delphi这又老树发新枝了,开始做终端程序开发了,这个东西的准确名字是:RAD Studio XE5,可以使用delphi和c++ builder进行终端开发. 我尽可能讲啰嗦一些,免得回头被人问. ...

  10. 点(Dot)与像素(Pixel)的区别

    DPI中的点(Dot)与图像分辨率中的像素(Pixel)是容易混淆的两个概念, DPI中的点可以说是硬件设备最小的显示单元, 而像素则既可是一个点,又可是多个点的集合.在扫描仪扫描图像时,扫描仪的每一 ...