码迷,mamicode.com
首页 > Web开发 > 详细

jquery遍历table的tr获取td的值

时间:2014-09-26 02:57:18      阅读:271      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   ar   for   sp   div   cti   

html代码:

 1 <tbody id="history_income_list">
 2 <tr>
 3 <td align="center"><input type="text" class="input-s input-w input-hs"></td>
 4 <td align="center"><input type="text" class="input-s input-w input-hs"></td>
 5 <td align="center"><input type="text" class="input-s input-w input-hs"></td>
 6 <td align="center"><a class="" onclick="history_income_del(this);" href="###">删除</a></td>
 7 </tr>
 8 <tr>
 9 <td align="center"><input type="text" class="input-s input-w input-hs"></td>
10 <td align="center"><input type="text" class="input-s input-w input-hs"></td>
11 <td align="center"><input type="text" class="input-s input-w input-hs"></td>
12 <td align="center"><a class="" href="###">删除</a></td>
13 </tr>
14 <tr>
15 <td align="center"><input type="text" class="input-s input-w input-hs"></td>
16 <td align="center"><input type="text" class="input-s input-w input-hs"></td>
17 <td align="center"><input type="text" class="input-s input-w input-hs"></td>
18 <td align="center"><a class="" href="###">删除</a></td>
19 </tr>
20 </tbody>
21   

 

 

方法一:

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的值

标签:style   blog   color   io   ar   for   sp   div   cti   

原文地址:http://www.cnblogs.com/chasewade/p/3994034.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!