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); 

});

你可能感兴趣的:(jquery)