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); 
});
原文地址:https://www.cnblogs.com/hehaiyang/p/4614555.html