Jquery 获取tr中td的值解决方法
日期：2014-05-16 浏览次数：20418 次
Jquery 获取tr中td的值
<table width="100%" class="get1">
<tr>
<td >1</td>
<td ><input type='text' /></td>
<td ><select ><option value='1'>a/option><option value='2'>b/option></select></td>
</tr>
<tr>
<td >2</td>
<td ><input type='text' /></td>
<td ><select ><option value='1'>a/option><option value='2'>b/option></select></td>
</tr>
</table>
想获得的结果tr中所有td的值
1 input的输入值 select 选择值
2 input的输入值 select 选择值
------最佳解决方案--------------------
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
$(function(){
$('.get1 tr').each(function(){alert($(this).find("td:first").html());});//显示每一行第一列的td值
$('.get1 input').each(function(){alert($(this).val());});//显示每一行第二列的input值
$('.get1 select').each(function(){alert($(this).val());});//显示每一行第三列的input值
});
//-->
</script>
</head>
<body>
<div id="apDiv1"></div>
<table width="100%" class="get1">
<tr>
<td >1</td>
<td ><input type='text' value='v1'/></td>
<td ><select><option value='s1'>s1</option><option value='s2'>s2</option></select></td>
</tr>
<tr>
<td >2</td>
<td ><input type='text' value='v2' /></td>
<td ><select ><option value='ss1'>ss1</option><option value='ss2'>ss2</option></select></td>
</tr>
</table>
楼主的表格我重新排了一下，把值换了一下，以区别每一行和每一列！
------其他解决方案--------------------
这是从上到下逐行获TD里的值。代码变了个形式：
<script type="text/javascript" src="jq.js"></script>
<script type="text/javascript">
<!--
$(function(){
$('.get1 tr').each(function(){
alert($(this).find('td').eq(0).text());
alert($(this).find('td').eq(1).find('input').val());
alert($(this).find('td').eq(2).find('select').val());
});
});
//-->
</script>
<div id="apDiv1"></div>
<table width="100%" class="get1">
<tr>
<td >1</td>
<td ><input type='text' value='v1'/></td>
<td ><select><option value='s1'>s1</option><option val
<table width="100%" class="get1">
<tr>
<td >1</td>
<td ><input type='text' /></td>
<td ><select ><option value='1'>a/option><option value='2'>b/option></select></td>
</tr>
<tr>
<td >2</td>
<td ><input type='text' /></td>
<td ><select ><option value='1'>a/option><option value='2'>b/option></select></td>
</tr>
</table>
想获得的结果tr中所有td的值
1 input的输入值 select 选择值
2 input的输入值 select 选择值
------最佳解决方案--------------------
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
$(function(){
$('.get1 tr').each(function(){alert($(this).find("td:first").html());});//显示每一行第一列的td值
$('.get1 input').each(function(){alert($(this).val());});//显示每一行第二列的input值
$('.get1 select').each(function(){alert($(this).val());});//显示每一行第三列的input值
});
//-->
</script>
</head>
<body>
<div id="apDiv1"></div>
<table width="100%" class="get1">
<tr>
<td >1</td>
<td ><input type='text' value='v1'/></td>
<td ><select><option value='s1'>s1</option><option value='s2'>s2</option></select></td>
</tr>
<tr>
<td >2</td>
<td ><input type='text' value='v2' /></td>
<td ><select ><option value='ss1'>ss1</option><option value='ss2'>ss2</option></select></td>
</tr>
</table>
楼主的表格我重新排了一下，把值换了一下，以区别每一行和每一列！
------其他解决方案--------------------
这是从上到下逐行获TD里的值。代码变了个形式：
<script type="text/javascript" src="jq.js"></script>
<script type="text/javascript">
<!--
$(function(){
$('.get1 tr').each(function(){
alert($(this).find('td').eq(0).text());
alert($(this).find('td').eq(1).find('input').val());
alert($(this).find('td').eq(2).find('select').val());
});
});
//-->
</script>
<div id="apDiv1"></div>
<table width="100%" class="get1">
<tr>
<td >1</td>
<td ><input type='text' value='v1'/></td>
<td ><select><option value='s1'>s1</option><option val
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
