jquery遍历table的tr获取td的值
Html 代码:
<tbody id="table_list"> <tr> <td> <select> <option value="1" >1</option> <option value="2" >3</option> </select> </td> <td><input type="text" ></td> <td><input type="text" ></td> <td><a class="" href="###">删除</a></td> </tr> <tr> <td> <select> <option value="1" >1</option> <option value="2" >3</option> </select> </td> <td><input type="text" ></td> <td><input type="text" ></td> <td><a class="" href="###">删除</a></td> </tr> </tbody>
Js 方法一:
var trList = $("#table_list").children("tr") for (var i=0;i<trList.length;i++) { var tdArr = trList.eq(i).find("td"); var list_1 = tdArr.eq(0).find("select").val(); var list_2 = tdArr.eq(1).find("input").val(); var list_3 = tdArr.eq(2).find("input").val(); alert(list_1); alert(list_2); alert(list_3); }
Js 方法二:
$("#table_list").find("tr").each(function(){ var tdArr = $(this).children(); var list_1 = tdArr.eq(0).find("select").val(); var list_2 = tdArr.eq(1).find("input").val(); var list_3 = tdArr.eq(2).find("input").val(); alert(list_1); alert(list_2); alert(list_3); });
作者:何海洋
本博客内容主要以学习、研究和分享为主,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利。