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& ...
随机推荐
- 使用JQuery双击修改Table中Td
<html> <head> <meta http-equiv="Content-Type" content="text/html;chars ...
- 毕向东JAVA视频视频讲解(第八课)
继承的好处: 1,提高了代码的复用性. 2,让类与类之间产生了关系,给第三个特征多态提供了前提. java中支持单继承.不直接支持多继承,但对C++中的多继承机制进行改良. 单继承:一个子类只能有一个 ...
- spring是怎样面向接口编程的?
1.只要分层,就涉及到接口来连接.各层之间只通过接口来向外暴露功能. 2.spring中service层调用dao层时候,service层声明接口变量,具体接口实现可以ioc注入
- 【转】Windows Server 2008修改远程桌面连接数
按照下面的设置是成功了的,我设置的连接数是5个. http://jingyan.baidu.com/article/154b463150d1b128ca8f4194.html
- 39. Combination Sum
题目: Given a set of candidate numbers (C) and a target number (T), find all unique combinations in C ...
- HDU 4725 The Shortest Path in Nya Graph(最短路拆点)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4725 题意:n个点,某个点属于某一层.共有n层.第i层的点到第i+1层的点和到第i-1层的点的代价均是 ...
- BZOJ 2844 albus就是要第一个出场(高斯消元)
题目链接:http://61.187.179.132/JudgeOnline/problem.php?id=2844 题意: 给出一个长度为n的正整数数列A.每次选出A的一个子集进行抑或(空集抑或值为 ...
- Web内容管理系统 Magnolia 介绍-挖掘优良的架构(1)
Magnolia简介: Magnolia CMS是一家瑞士公司自2003年起发布的一个基于Java的开源内容管理系统.它适合且已被使用在以下领域:电子商务(例如:COOP.Migros.Rossman ...
- poj 3790 Recursively Palindromic Partitions (递推)
题目 题意:求输入的数字的递归回文. 思路:答案等于这个数字一半之前的所有的 之和. #include <iostream> #include <cstdio> #includ ...
- ACM - ICPC World Finals 2013 A Self-Assembly
原题下载 : http://icpc.baylor.edu/download/worldfinals/problems/icpc2013.pdf 这道题其实是2013年我AC的第一道题,非常的开心,这 ...