文档章节

jquery遍历table

村长大神
 村长大神
发布于 2015/04/22 18:16
字数 360
阅读 39
收藏 0

关于Jquery;相信大家已经很熟悉了,我最近的项目运用到关于Jquery的遍历事件;权当总结下:

遍历Table

<table  id="thistab">

<tr>
<td class="t_l_bg">3</td>
<td><span class="t_trash"></span></td>
<td>
<input type="text" class="ui_input" />

</td>
<td>
<input type="text" class="ui_input" /></td>
<td>
<input type="text" class="ui_input sumnum" /></td>
<td>
<input type="text" class="ui_input chagePrice" /></td>
<td>
<input type="text" class="ui_input chageAmount" /></td>
<td>
<input type="text" class="ui_input" /></td>
<td>
<input type="text" class="ui_input" /></td>
</tr>

<tr>
<td class="t_l_bg">3</td>
<td><span class="t_trash"></span></td>
<td>
<input type="text" class="ui_input" />

</td>
<td>
<input type="text" class="ui_input" /></td>
<td>
<input type="text" class="ui_input sumnum" /></td>
<td>
<input type="text" class="ui_input chagePrice" /></td>
<td>
<input type="text" class="ui_input chageAmount" /></td>
<td>
<input type="text" class="ui_input" /></td>
<td>
<input type="text" class="ui_input" /></td>
</tr>

</table>

 

关于上面的table;我简单建立的

  $("#thistab tr").each(function () {});

这个事件是遍历表thistab中所有的tr

 

 

var leg = $("#thistab tr").length - 1
$("#thistab tr:gt(0):lt(" + leg + ")").each(function () {
temp = $(this).children("td").eq(6).children("input").val();
if (temp.length > 0) {
sumPrice += Number(temp);
}
});

代码 $("#thistab tr").length是获取table的行数

gt(0)代表是大于第一行,从第二行起

lt(10)代表小于;

只有遍历到了行之后,才能去遍历行下面的TD;或者td下的input;

$(this).children("td").eq(6).children("input").val(); 这段代码边上,当前行下第七列中的input的value值;

 

遍历checkbox

$('input[type="checkbox"][name="chk_list"]:checked').each(function () {
alert($(this).val());
});

全选/全不选

 $('input[name="chk_list"]').attr("checked", this.checked);

 

遍历select

$('select[name="selectlist"] option:selected').each(function () {
alert($(this).val()+"-"+$(this).text())
});

本文转载自:http://www.cnblogs.com/panshengqiang/p/3620896.html

共有 人打赏支持
上一篇: extjs 5.0 mvvm模式
下一篇: Servlet 实例
村长大神
粉丝 161
博文 876
码字总数 904789
作品 0
杭州
程序员
私信 提问
240多个jQuery插件(2)

表格等(Tables, Grids etc.) UI/Tablesorter. jQuery ingrid. jQuery Grid Plugin. Table Filter - awesome!. TableEditor. jQuery Tree Tables. Expandable “Detail” Table Rows. Sortab......

五味格子
2011/05/11
0
0
Dom对象与jQuery对象的转换

原文链接:http://www.cnblogs.com/qiantuwuliang/archive/2009/08/12/1544584.html (1) Dom转jQuery包装集 如果要使用jQuery提供的函数, 就要首先构造jQuery包装集. 我们可以使用本文即将介绍...

喔喔兒
2011/04/08
0
0
jQuery性能优化的28个建议

我一直在寻找有关jQuery性能优化方面的小窍门,能让我那臃肿的动态网页应用变得轻便些。找了很多文章后,我决定将最好最常用的一些优化性能的建议列出来 一、选择器性能优化建议 1. 总是从#...

晨曦之光
2012/03/01
1K
0
15款提高表格操作的jQuery插件

table表格由于它的浏览器兼容性和复杂的标签嵌套方式,可以算是添加样式最困难的对象之一了。大多数前端er都把网页中的table标签替换为div,主要就是因为div要比table更容易添加CSS样式。但是...

鉴客
2010/08/12
5.7K
1
jquery如何取得table多行被checkbox选中的数据并传给后台

请各位大大帮帮忙。 在jsp中存在一个table,table中的内容是通过springmvc把查询到的list装入Model再传给jsp,在jsp中用c标签的forEach方法遍历出来的,每一行数据最前面都有一个checkbox,我...

刘双榕
2016/05/26
5.2K
2

没有更多内容

加载失败,请刷新页面

加载更多

mysql 查询当天、本周,本月,上一个月的数据

今天 select * from 表名 where to_days(时间字段名) = to_days(now()); 昨天 SELECT * FROM 表名 WHERE TO_DAYS( NOW( ) ) - TO_DAYS( 时间字段名) <= 1 近7天 SELECT * FROM 表名 wher......

BraveLN
57分钟前
2
0
Android Multimedia框架总结(六)C++中MediaPlayer的C/S架构

前面几节中,都是通过java层调用到jni中,jni向下到c++层并未介绍 看下Java层一个方法在c++层 MediaPlayer后续过程 frameworks/av/media/libmedia/MediaPlayer.cpp 找一个我们之前熟悉的setDa...

天王盖地虎626
今天
2
0
【Linux】【MySQL】CentOS7安装最新版MySQL8.0.13(最新版MySQL从安装到运行)

1、前言   框框博客在线报时:2018-11-07 19:31:06   当前MySQL最新版本:8.0.13 (听说比5.7快2倍)   官方之前表示:MySQL 8.0 正式版 8.0.11 已发布,MySQL 8 要比 MySQL 5.7 快 2 ...

Code辉
今天
3
0
oracle dg备库重建redolog:ora-00313,ora-00312

trace文件: Errors in file /crbank/dbs/app/product/diag/rdbms/rdbs/dbs/trace/dbs_mrp0_24445130.trc: ORA-00313: open failed for members of log group 8 of thread 1 ORA-00312: onl......

hnairdb
今天
1
0
深入分析Java I/O的工作机制 (一)

1.Java的I/O类库的基本架构 先说一下什么是类库:可以说是类的集合,类库包括接口、抽象类、具体类等。 I/O是机器获取和交互信息的主要渠道。 java在I/O上也一直在做持续的优化,在1.4版开始...

java菜分享
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部