表格获取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>
获取表格中每行并获取每行中的每列的值<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>
相关文章推荐
- 获取表格里面的tr 的第二个td
- javascript表格动态添加行,添加列,js,table,tr,td
- jquery遍历table的tr获取td的值
- jQuery 获取遍历获取table中每一个tr中的第一个td
- WinForm开发中,将Excel文件导入到DataGridView中时,获取Excel中所有表格的名称。
- Jquery :动态给Table指定行或尾行插入tr和相关,遍历页面所有控件获取id
- 明细表格清空所有tr,保留第一行表头,并重置明细表index
- html表格中的tr td th用法
- 获取某一个<tr>中<td>的值
- 在table里动态获取tr里的所有数据
- js添加表格的tr和td
- js:遍历table某一tr的所有td(当鼠标放在一个单元格上时,当前行的tr样式发生变化 )
- js中获取 table节点各tr及td的内容简单实例
- 动态加载表格数据,自动增加tr td
- 表格划过变色之tr:hover无效,td:hover有效解决方法
- js使用for循环与innerHTML获取选中tr下td值
- C#获取Word文档中所有表格的实现代码分享
- 事件代理中表格tr的获取问题??
- js获取table下的tr和td,并且设置某个td里的文字样式
- js 获取table tr td内的select 和input text