jQuery獲取table下某一行某一列的值實現代碼

更新時間：2017年04月07日 10:16:27 投稿：lqh

這篇文章主要介紹了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日程管理控件glDatePicker用法詳解
這篇文章主要介紹了jQuery日程管理控件glDatePicker用法,結合具體實例形式分析了jQuery控件glDatePicker的簡單使用技巧與相關注意事項,需要的朋友可以參考下
2017-03-03
12款經典的白富美型—jquery圖片輪播插件—前端開發(fā)必備
圖片輪播是網站中的常用功能，用于在有限的網頁空間內展示一組產品圖片或者照片，同時還有非常吸引人的動畫效果,本文向大家推薦12款實用的 jQuery 圖片輪播效果插件感興趣的朋友可以了解下哦
2013-01-01
jQuery中each循環(huán)的跳出和結束實例
下面小編就為大家?guī)硪黄猨Query中each循環(huán)的跳出和結束實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
使用JQuery庫提供的擴展功能實現自定義方法
如何沒有任何一個庫可以滿足所有的需求，可以使用JQuery庫提供的擴展功能，下面有個示例，大家可以看看
2014-09-09
jQuery實現高亮顯示的方法
這篇文章主要介紹了jQuery實現高亮顯示的方法,涉及jQuery樣式控制的addClass與removeClass方法使用技巧,需要的朋友可以參考下
2015-03-03
動態(tài)生成的DOM不會觸發(fā)onclick事件的原因及解決方法
下面小編就為大家?guī)硪黄獎討B(tài)生成的DOM不會觸發(fā)onclick事件的原因及解決方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
SinaEditor使用方法詳解
本篇文章主要是對SinaEditor使用方法進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
妙用Jquery的val()方法
Jquery的val()方法不僅能夠設置元素的值，同時也能獲取元素的值。常見的操作是對文本框的操作，比如判斷郵箱地址等
2012-06-06
Jquery與Bootstrap實現后臺管理頁面增刪改查功能示例
本篇文章主要介紹了Jquery與Bootstrap實現后臺管理頁面增刪改查功能示例，具有一定的參考價值，有興趣的可以了解一下。
2017-01-01
jQuery驗證Checkbox是否選中的代碼推薦
jQuery驗證Checkbox是否選中的代碼，需要的朋友可以參考下。建議大家看下腳本之家的相關文章。
2011-09-09