关于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())
});

Jquery 遍历 Table;遍历CheckBox ;遍历Select;全选/全不选的更多相关文章

  1. [转]jQuery操作radio、checkbox、select 集合.

    1.radio:单选框 html代码 <input type="radio" name="radio" id="radio1" val ...

  2. jQuery操作radio、checkbox、select 集合

    1.radio:单选框 HTML代码: <input type="radio" name="radio" id="radio1" va ...

  3. jQuery操作radio、checkbox、select总结

    1.radio:单选框 HTML代码: <input type="radio" name="radio" id="radio1" va ...

  4. Jquery删除table里面checkbox选中的多个行

    自己闲来无聊,写了一篇关于jq选中复选框删除数据的一个功能,不足之处,还望多多包涵 js代码 <script type="text/javascript" src=" ...

  5. jquery实用应用之jquery操作radio、checkbox、select

    本文收集一些jquery的实用技巧,非常实用的哦,其中对radio.checkbox.select选中与取值的方法. 获取一组radio被选中项的值var item = $('input[@name= ...

  6. Jquery常用操作:checkbox、select取值,radio、checkbox、select选中及其相关

    常用Jquery操作:checkbox取值.select取值.radio选中.checkbox选中.select选中及其相关: 1.影藏页面元素 使用jquery真的很方便,比如要控制div的显示与隐 ...

  7. 《jQuery判断radio、checkbox、select 是否选中和设置选中问题以及获取选中值》总结

    <form> <input type="radio" name="gender" id="man" value=" ...

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

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

  9. js遍历table 和 jquery 遍历table

    <span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...

随机推荐

  1. 0928CSP-S模拟测试赛后总结

    依旧跌落.昨天只是偶然诈尸.我依旧是那个第二机房垫底大垃圾. 赛时打的很放松.因为T1想到了正解.对拍也打了.尽管用了大约一半的考试时间. 但是对拍拍了很久没有出错.如果你在2019年9月28日晚一下 ...

  2. Java-Class-C:org.springframework.web.client.RestTemplate

    ylbtech-Java-Class-C:org.springframework.web.client.RestTemplate 1.返回顶部 1. org.springframework.web.c ...

  3. NYOJ - 35 表达式求值 分类: NYOJ 2015-03-18 10:33 31人阅读 评论(0) 收藏

    #include<iostream> #include<string> #include<stack> #include<cstdio> using n ...

  4. ElasticSearch 索引查询使用指南

    1.检测集群是否健康,我们通常用下面的命令.确保9200端口号可用: http://localhost:9200/_cat/health?v 或者 http://localhost:9200/_clu ...

  5. [Java]读取文件方法大全(转载)

    1.按字节读取文件内容2.按字符读取文件内容3.按行读取文件内容4.随机读取文件内容 public class ReadFromFile { /** * 以字节为单位读取文件,常用于读二进制文件,如图 ...

  6. 大道浮屠诀---cwRsync同步工具的使用

    目的: 在日常生活中,我们有时候会遇到这样类似的问题 ---需要把一台服务器上的某个重要的文件进行备份(拷贝另外的服务器上) ---需要同步系统上的配置文件到其他系统 利用此cwRsync软件可以解决 ...

  7. 【Neo4j】踩坑大会-Neo4J用中文索引

    正在用的Neo4j是当前最新版:3.1.0,各种踩坑.说一下如何在Neo4j 3.1.0中使用中文索引.选用了IKAnalyzer做分词器. 1. 首先参考文章: https://segmentfau ...

  8. Java基础知识之常见关键字以及概念总结

    static 特点: 随着类的加载而加载 优先于对象存在 被所有对象所共享 可以直接被类名调用 使用注意: 静态方法只能访问静态成员 但是非静态成员可以直接访问静态成员 静态方法中不可用使用this, ...

  9. 《软件调试修炼之道》Part 1(CH1~5)读书笔记 PB16110698 第八周(~4.26)

    编程中,调试几乎是必不可少的,一劳永逸.一次完成预想功能而完全不出bug的情况凤毛麟角,出现bug→调试→再出现bug→再调试……基本是软件工程中的常态.可以说,软件调试是每个coder的必修课,而& ...

  10. --master-data 的作用

    Use this option to dump a master replication server to produce a dump file that can be used to set u ...