最近需要获取到某个table下每一行某一列的值,用jquery做了一会儿,过程如下,仅供参考:
<div class="div"> <table name="info"><tr><td>lily<span>okok</span></td></tr><tr><td>18</td></tr><tr style="display:none"><td>hahhha</td></tr></table> <table name="info"><tr><td>tom</td></tr><tr><td>22</td></tr><tr style=""><td>hahhha2</td></tr></table> <table name="info"><tr><td>kai</td></tr><tr><td>34</td></tr><tr style="display:none"><td>hahhha3</td></tr></table> </div>
这个大的div下有若干个table,现在我需要获取每个table下某一行某一列的值:
<script> var $tables = $(".div").find("table[name='info']"); //alert($tables.prop("tagName")); //TABLE var length = $tables.length; //alert(length); //3 for(var i=0; i<length; i++) { var $table = $tables.eq(i); //alert($table.prop("tagName")); //TABLE //eq(i)表示第i行 var nameTd = $table.find("tr").eq(i).children("td").eq(0); //alert(nameTd.prop("tagName")); //TD alert(nameTd.text()); } alert(b.indexOf(a)); </script>
可依次弹出结果:lilyokok tom kai
如果var nameTd = $table.find("tr").children("td").eq(2); 则依次弹出结果:hahhha hahhha2 hahhha3,这说明,即使你设置隐藏,一样可以获取到值。
注:JQuery中读取dom对象的类型的语法是:$.prop("tagName");还要注意find children eq(用于遍历dom集合中元素对象)等的用法。
相关推荐
主要介绍了jQuery获取table下某一行某一列的值实现代码的相关资料,需要的朋友可以参考下
通过jQuery选取table的第一行,第一列。
下面小编就为大家带来一篇jquery获取table指定行和列的数据方法(当前选中行、列)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇Insus.NET需要的是jQuery去获取html table的某一行某一列的数据。 如下表: Html code: <table> <th xss=removed><input id="SelectAll" type="checkbox" /> <th>ID 费用名目 <
Jquery Table 固定行和列,有需要的朋友拿去
使用jquery对行列进行删除、新增,动态添加。
本节主要介绍了用Jquery选择器计算table中的某一列某一行的合计,需要的朋友可以参考下
今晚做的这个东西中由于要获取某列中的一个ID值。如果是用平常的那种JS传值的方式此问题就不存在,但是由于此次用到的都是jquery插件,包括各种弹出框,用JS传值就得用JS那丑陋的弹出框,所以,你懂得。 网上找了很...
本文实例讲述了jQuery实现获取table中鼠标click点击位置行号与列号的方法。分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: <!DOCTYPE html> <html> <head lang=en> <meta...
基于bootstrap-table 实现 右侧列固定,也可以针对左侧列固定,针对操作列使用起来非常方便,引用jquery、bootstrap-table-fixed 样式和js文件后,可以随意设置,灵活。 fixedColumns: true,//fixedtNumber:2, //...
jQuery对表格(table)的处理提供了相当强大的功能,比如说对表格特定行(row)或列(column)进行排序、样式改变等等。如果你的英文够好,你可以读读这篇文章:jQuery table manipulation。本文只是介绍如何用jQuery语句...
$(“#mytable tr”).find(“td:nth-child(1)”) 1表示获取每行的第一列 $(“#mytable tr”).find(“td:nth-child(3)”) 3表示获取每行的第三列 今天在项目中,刚好用到给指定的table添加一行、删除一行,就直接找...
1,ajax 从php获取数据(模拟数据); 2,Jquery 操作 Table 的数据,主要是增删改查不显示在每一条数据的后面; 3,对修改操作使用了jquery.cookie.js ,...5,如不在意表格每列最后一行进行删除/编辑操作,请勿下载。
jQuery表格数据汇总插件。需求中经常有表格汇总的要求,此插件方便易用一行给表格添加汇总。$('table').tableSum({'sumText':'total'}) 标签:TableSum
jquery +jquery.tablesorter+jquery.tablednd_0_5实现table表格可按行拖拽,按列排序,并可以保存排序后的结果
$(“#thetable tr”).each(function(){ var chk=$(this).find(‘td’).eq(0).find(‘input’); if(chk.attr(“checked”)==”checked”){ fkfs+=chk.val()+”,”; var zh=$(this).find(‘td’).eq(3).find(‘select...
首先要获取Table表格的行数,我是通过后台添加表格的所以我在前台获取的时候length一下就获取到了总数赋值例如上图: 如果我要打印这个表格但不想要操作那列的内容咋办? 代码如下: for(var i=0;i<num+1;i++) { $...
今天在项目中,刚好用到给指定的table添加一行、删除一行,就直接找google,搜出来的东西不尽如人意,不是功能不好就是千篇一律,简直浪费时间还不讨好,于是乎就自己动手封装个,现就把代码分享出来,避免大伙重复...