jquery 如何遍历取得指定td下的控件值

Question

jquery遍历table指定列控件值

Answer 1

<script type="text/javascript" src="/jquery/jquery.js"></script>
<table id="tbl">
<tr><td><input type="text"  value="1"/></td><td><input type="text"  value="6"/></td></tr>
<tr><td><input type="text"  value="2"/></td><td><input type="text"  value="7"/></td></tr>
<tr><td><input type="text"  value="3"/></td><td><input type="text"  value="8"/></td></tr>
<tr><td><input type="text"  value="4"/></td><td><input type="text"  value="9"/></td></tr>
<tr><td><input type="text"  value="5"/></td><td><input type="text"  value="10"/></td></tr>
</table>
<script>
alert($('#tbl tr td:nth-child(2n-1) input').map(function(){return this.value}).get().join(','));
</script>

Answer 2

jQuery("#tbl tr").each(function(trindex,tritem){
   
        
         var  val= jQuery(tritem).find("td").eq(1).find("input").text();                 

});
可以通过这种方式取得吗，find("input")好像取不到对应td下的input

Answer 3

jQuery("#tbl tr").each(function(trindex,tritem){
   
        
         var  val= jQuery(tritem).find("td").eq(1).find("input").text();                 

});
可以通过这种方式取得吗，find("input")好像取不到对应td下的input

Answer 4

jQuery("#tbl tr").each(function(trindex,tritem){
   
        
         var  val= jQuery(tritem).find("td").eq(1).find("input").text();                 

});
可以通过这种方式取得吗，find("input")好像取不到对应td下的input

Answer 5

jQuery("#tbl tr").each(function(trindex,tritem){
alert(jQuery(tritem).find("td").eq(0).find("input").val());
});

Answer 6

jQuery("#tbl tr").each(function(trindex,tritem){
alert(jQuery(tritem).find("td").eq(0).find("input").val());
});
第一列是从0开始算起的哈。

Answer 7

<script src="http://cloud.xing-xing.com/jquery.js"></script>
<table id="tbl">
<tr><td><input type="text"  value="1"/></td><td><input type="text"  value="6"/></td></tr>
<tr><td><input type="text"  value="2"/></td><td><input type="text"  value="7"/></td></tr>
<tr><td><input type="text"  value="3"/></td><td><input type="text"  value="8"/></td></tr>
<tr><td><input type="text"  value="4"/></td><td><input type="text"  value="9"/></td></tr>
<tr><td><input type="text"  value="5"/></td><td><input type="text"  value="10"/></td></tr>
</table>
<script>
$(function(){
$("#tbl tr").find(":first input").each(function() {
        alert($(this).val());
    });
})
</script>