jquery遍歷table的tr獲取td的值實(shí)現(xiàn)方法

更新時(shí)間：2016年05月19日 16:12:56 投稿：jingxian

下面小編就為大家?guī)硪黄猨query遍歷table的tr獲取td的值實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

html代碼：

<tbody id="history_income_list">
<tr>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><a class="" onclick="history_income_del(this);" href="###">刪除</a></td>
</tr>
<tr>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><a class="" href="###">刪除</a></td>
</tr>
<tr>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><a class="" href="###">刪除</a></td>
</tr>
</tbody>

方法一：

var trList = $("#history_income_list").children("tr")
  for (var i=0;i<trList.length;i++) {
    var tdArr = trList.eq(i).find("td");
    var history_income_type = tdArr.eq(0).find("input").val();//收入類別
    var history_income_money = tdArr.eq(1).find("input").val();//收入金額
    var history_income_remark = tdArr.eq(2).find("input").val();//  備注
    
    alert(history_income_type);
    alert(history_income_money);
    alert(history_income_remark);
  }

方法二：

$("#history_income_list").find("tr").each(function(){
    var tdArr = $(this).children();
    var history_income_type = tdArr.eq(0).find("input").val();//收入類別
    var history_income_money = tdArr.eq(1).find("input").val();//收入金額
    var history_income_remark = tdArr.eq(2).find("input").val();//  備注
    
    alert(history_income_type);
    alert(history_income_money);
    alert(history_income_remark);
    
    
  });

以上這篇jquery遍歷table的tr獲取td的值實(shí)現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jquery實(shí)現(xiàn)超簡潔的TAB選項(xiàng)卡效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)超簡潔的TAB選項(xiàng)卡效果代碼,涉及jquery通過鼠標(biāo)click事件結(jié)合鏈?zhǔn)讲僮鲃?dòng)態(tài)操作tab選項(xiàng)卡的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
jQuery選擇器中的特殊符號(hào)處理方法
一般情況下，在jQuery選擇器中，我們很少會(huì)用到諸如“.”、“#”、“(”、“[”等特殊字符，但是在實(shí)際應(yīng)用中，偶爾也會(huì)遇到表達(dá)式中含有“#”和“.”等特殊字符,那么是如何處理這些個(gè)特殊字符的呢？下面小編給大家介紹下
2017-09-09
JQuery實(shí)現(xiàn)倒計(jì)時(shí)按鈕具體方法
頁面中需要實(shí)現(xiàn)某個(gè)按鈕點(diǎn)擊完后，禁用它，并顯示倒計(jì)時(shí)。這個(gè)默認(rèn)是3秒，代碼如下
2013-11-11
jQuery實(shí)現(xiàn)HTML5 placeholder效果實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)HTML5 placeholder效果實(shí)例,本文目的主要是在需要兼容一些瀏覽器時(shí)使用,需要的朋友可以參考下
2014-12-12
jquery實(shí)現(xiàn)帶縮略圖的全屏圖片畫廊效果實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)帶縮略圖的全屏圖片畫廊效果,實(shí)例分析了jquery帶縮略圖的全屏效果圖片實(shí)現(xiàn)技巧,并附有完整的源碼下載,需要的朋友可以參考下
2015-06-06
jQuery實(shí)現(xiàn)的簡單拖動(dòng)層示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡單拖動(dòng)層,可實(shí)現(xiàn)響應(yīng)鼠標(biāo)拖動(dòng)div層及動(dòng)態(tài)顯示坐標(biāo)值的功能,涉及jQuery鼠標(biāo)響應(yīng)及頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下
2017-02-02
jQuery Easyui datagrid連續(xù)發(fā)送兩次請(qǐng)求問題
用上述方式動(dòng)態(tài)加載datagrid的數(shù)據(jù)時(shí)，通過net監(jiān)聽，發(fā)現(xiàn)調(diào)用了兩遍XX方法，目前的解決方案是，將url放到datagrid初始化的時(shí)候執(zhí)行
2016-12-12
jQuery中jqGrid分頁實(shí)現(xiàn)代碼
今天看到j(luò)avaeye上有人使用了jqGrid實(shí)現(xiàn)了數(shù)據(jù)的分頁，參考它的代碼，實(shí)現(xiàn)了這個(gè)功能，搬出來曬曬，作為自己以后學(xué)習(xí)的資料
2011-11-11
web前端開發(fā)JQuery常用實(shí)例代碼片段(50個(gè))
本文給大家展示50個(gè)jquery代碼片段，這些代碼能夠給你的javascript項(xiàng)目提供幫助，需要的朋友快來學(xué)習(xí)一下吧
2015-08-08
jQuery仿360導(dǎo)航頁圖標(biāo)拖動(dòng)排序效果代碼分享
這篇文章主要為大家詳細(xì)介紹了360導(dǎo)航頁圖標(biāo)拖動(dòng)排序效果代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-08-08