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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM