读书人

Jquery 获取tr中td的值解决方法

发布时间: 2012-12-16 12:02:32 作者: rapoo

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 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>
</body>
</html>


[其他解释]
该回复于2011-02-24 15:07:17被版主删除
[其他解释]
啊公司法定噶厦
[其他解释]

引用:
<table width="100%" class="get1">
<tr>
<td >1</td>
<td ><input type='text' /></td>
<td ><select ><option value='1'>a/option><option value='2'……




引用:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
$(function(){
$('.get1 tr').each(function(){alert($(this).find("td:first").html());})……



都对。。。谢谢了

读书人网 >JavaScript

热点推荐