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">
<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中包含标签的更多相关文章
- 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& ...
随机推荐
- 套题T5//各种树
树(tree) [题目描述] 方方方种下了三棵树,一年后,第一棵树长出了n个节点. 方方方会向你提出m个询问,每个询问给出两个数i,j,你需要回答i号节点和j号节点在树上的距离. [输入数据] 第一行 ...
- Tomcat启动后访问首页报错 显示JSP 空指针异常
HTTP Status 500 - type Exception report message description The server encountered an internal error ...
- Android Handler使用实例
本文主要介绍Android中Handler的简单使用方法,Handler跟多线程,消息队列联系很紧密,在平常的实际程序开发中比较常见.本文分为4个简单的例子来学校handler Handler使用例1 ...
- Android Handler与多线程
本文首先解释一下handler是用来干嘛的,然后通过例子介绍其在多线程中的应用. 什么是Handler handler通俗一点讲就是用来在各个进程之间发送数据的处理对象.在任何进程中,只要获得了另一个 ...
- taglist
http://blog.csdn.net/duguteng/article/details/7412652 这两天看到网上有将vim 改造成功能强大的IDE的blog,突然心血来潮,亲身经历了一下. ...
- RecyclerView(4)简单示例
1,RecyclerViewFrgmt import com.example.adapter.R; import android.app.Fragment; import android.os.Bun ...
- 将Ftp添加到资源管理器中直接使用
在资源管理器中,右键,添加网络位置. 然后输入ftp的url ftp://server2008 使用匿名方式登录
- 修练8年C++面向对象程序设计之体会
http://pcedu.pconline.com.cn/empolder/gj/c/0504/609482_1.html
- 1934. Black Spot(spfa)
1934 水题 RE了N久 后来发现是无向图 #include <iostream> #include<cstring> #include<algorithm> # ...
- poj 2029 Get Many Persimmon Trees (dp)
题目链接 又是一道完全自己想出来的dp题. 题意:一个w*h的图中,有n个点,给一个s*t的圈,求这个圈能 圈的最多的点 分析:d[i][j]代表i行j列 到第一行第一列的这个方框内有多少个点, 然后 ...