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

    下面小編就為大家?guī)硪黄猨query遍歷table的tr獲取td的值實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。
    html代碼：
    <tbody id="history_income_list">
    <tr>
    <td><input type="text"></td>
    <td><input type="text"></td>
    <td><input type="text"></td>
    <td><a onclick="history_income_del(this);" href="###">刪除</a></td>
    </tr>
    <tr>
    <td><input type="text"></td>
    <td><input type="text"></td>
    <td><input type="text"></td>
    <td><a href="###">刪除</a></td>
    </tr>
    <tr>
    <td><input type="text"></td>
    <td><input type="text"></td>
    <td><input type="text"></td>
    <td><a 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的值實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考