jQuery获取table下某一行某一列的值实现代码

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获取table # jQuery获取table的值 # jQuery获取table下某一行某一列的值 # jQuery中table数据的值拷贝和拆分 # jQuery获取Table某列的值（推荐） # 用jQuery获取table中行id和td值的实现代码 # jquery遍历table的tr获取td的值实现方法 # jQuery实现获取table表格第一列值的方法 # jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路 # 模仿JQuery sortable效果代码有错但值得看看 # JQuery动态给table添加、删除行改进版 # JQuery Ajax动态生成Table表格 # 使用jquery给指定的table动态添加一行、删除一行 # 基于JQuery的动态删除Table表格的行和列的代码 # jQuery实现动态给table赋值的方法示例 # 弹出 # 遍历 # 希望能 # 谢谢大家 # 会儿 # 若干个 # 仅供参考 # 即使你 # span # okok # lily # tr # td # hahhha # display # style # tom # info # br # pre

返回目录在线咨询

上一篇：如何利用Shopyy的功能进行有效的客户关系管理(CRM)？
下一篇：广州建站哪家好：企业建站需要注意哪些关键因素？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

jQuery获取table下某一行某一列的值实现代码

您的项目需求