jQuery获取table下某一行某一列的值实现代码
时间：2020-11-13 08:26:28|栏目：jquery|点击： 次
jQuery获取table下某一行某一列的值实现代码
最近需要获取到某个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实现使用sort方法对json数据排序的方法
栏 目：jquery
下一篇：jQuery中$原理实例分析
本文标题：jQuery获取table下某一行某一列的值实现代码
本文地址：http://www.codeinn.net/misctech/21962.html
