jquery遍历table的tr获取td的值

方法一:

  var siginArray = [];
    $("#tbody").children("tr").each(function () {
        var sigin = {};
        var tdArr = $(this).children();
        var siginUserId  = tdArr.eq(0).find("input").val();
        var attended  = tdArr.eq(2).find("input").val();
        var reason  = tdArr.eq(3).find("input").val();
        if (siginUserId != undefined && siginUserId != "" && siginUserId != null) {
            sigin.siginUserId = siginUserId;
            sigin.attended = attended;
            sigin.reason = reason;
            siginArray.push(sigin);
        }
    });    

方法二:

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();//  备注
  }

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>

猜你喜欢

转载自www.cnblogs.com/lijianda/p/9103787.html