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& ...
随机推荐
- eclipse中(装了插件m2eclipse后的)导入maven工程显示"感叹号"
有时候导入一些开源工程(maven结构的),在eclipse中(装了插件m2eclipse后的)该工程前面会有一个小的红色感叹号,但点开工程后没有发现有打小红叉的内容,这种情况其实大部分是jar包 ...
- iOS UICollectionView简单使用
UICollectionView 和 UICollectionViewController 类是iOS6 新引进的API,用于展示集合视图,布局更加灵活,可实现多列布局,用法类似于UITableVie ...
- Android:密码显示隐藏
效果: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android= ...
- PowerDesigner连接Oracle数据库建表序列号实现自动增长
原文:PowerDesigner连接Oracle数据库建表序列号实现自动增长 创建表就不说了.下面开始介绍设置自动增长列. 1 在表视图的列上创建.双击表视图,打开table properties — ...
- C# Java间进行RSA加密解密交互
原文:C# Java间进行RSA加密解密交互 这里,讲一下RSA算法加解密在C#和Java之间交互的问题,这两天纠结了很久,也看了很多其他人写的文章,颇受裨益,但没能解决我的实际问题,终于,还是被我捣 ...
- 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 ...
- public View getView(int position, View convertView, final ViewGroup parent)三个参数的意思
最近看到有人在问这三个参数的含义,其实帮助已经很详细的介绍了这三个参数,看来还是要好好学学英语了,不然连解释都看不懂. /** * Get a View that displays the d ...
- java教材
教材blog !!http://www.w3cschool.cc/java/java-tutorial.html ok http://www.douban.com/group/topic/ ...
- 尝鲜delphi开发android/ios_环境搭建
Delphi这又老树发新枝了,开始做终端程序开发了,这个东西的准确名字是:RAD Studio XE5,可以使用delphi和c++ builder进行终端开发. 我尽可能讲啰嗦一些,免得回头被人问. ...
- 点(Dot)与像素(Pixel)的区别
DPI中的点(Dot)与图像分辨率中的像素(Pixel)是容易混淆的两个概念, DPI中的点可以说是硬件设备最小的显示单元, 而像素则既可是一个点,又可是多个点的集合.在扫描仪扫描图像时,扫描仪的每一 ...