您的位置:首页 > 其它

表格获取tr下的所有td

2018-03-17 10:14 246 查看
HTML:
获取表格中每行并获取每行中的每列的值<table id="history_income_list">
<tr>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center">11</td>
<td align="center"><a class="" onclick="history_income_del(this);" href="###">删除</a></td>
</tr>
<tr>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center">11</td>
<td align="center"><a class="" href="###">删除</a></td>
</tr>
<tr>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center">11</td>
<td align="center"><a class="" href="###">删除</a></td>
</tr>

</table>

JQ:

var trList = $("#history_income_list 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).text();// 备注

alert(history_income_type);
alert(history_income_money);
alert(history_income_remark);
}

}



获取表格中的单选框:<table id="tab">
<tr>
<td><input id="X01" name="X01" type="checkbox" value="A0_A" />苹果</td>
</tr>

</table>

<a onclick="a()">111</a>
<script type="text/javascript">
function a(){
var a2=$('#tab tr');
for (var i=0;i<a2.length;i++) {
var tdArr = a2.eq(i).find("td");
var number = tdArr.eq(0).find("input").is(':checked');//数量
if(number==true){
alert(11);
}else if(number==false){
alert(22);
}

console.log(number)
}
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: