Jquery 遍历一个table 遇到的一个有关问题

2013-02-06

Jquery 遍历一个table 遇到的一个问题table id yxfs_tabletrtdinput type checkbox//td

Jquery 遍历一个table 遇到的一个问题
<table id = "yxfs_table">
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>1</td>
   <td><input type="text" value="a" ></td>
  </tr>
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>2</td>
   <td><input type="text" value="b" ></td>
  </tr>
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>3</td>
   <td><input type="text" value="c" ></td>
  </tr>
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>4</td>
   <td><input type="text" value="d" ></td>
  </tr>
</table>

var tab = document.getElementById("yxfs_table");
var len = tab.rows.length;
var fs_lab = "";
for (var j=0;j<len;j++){
   var fsnm,fsxh;
   var tr = $("tr:eq(" + j + ")");
   fsnm = tr.find("td:eq(1)").text();

   //这里不知道怎么取text里面的value值
   //fsxh = tr.find("td:eq(2)").find("input").attr("value");
   //fsxh = tr.find("td:eq(2)").find("input").val();
   if(j == 1){
     fs_lab += fsxh+"、" + fsnm;
   }else{
     fs_lab += ";" + fsxh+"、" + fsnm;
   }
}

本人初学jquery 在遍历table时候获取input里面 value值的方法不对，一直取不到值。请各位高手帮忙解决一下谢谢了... jquery 遍历
[解决办法]

$('#yxfs_table input[type=text]').each(function() {
alert($(this).val());
});

[解决办法]

$('#yxfs_table :text').each(function(){
vs.push(this.value)
});


<table id = "yxfs_table">
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>1</td>
   <td><input type="text" value="a" ></td>
  </tr>
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>2</td>
   <td><input type="text" value="b" ></td>
  </tr>
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>3</td>
   <td><input type="text" value="c" ></td>
  </tr>
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>4</td>
   <td><input type="text" value="d" ></td> 
 
  </tr>
</table>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
<script>
var vs=[]
 $('#yxfs_table :text').each(function(){
    vs.push(this.value)
  });
 
alert(vs )

 </script>

[解决办法]
.val()
[解决办法]
<script>
var vs=[]
$('#yxfs_table :text').each(function(i){
vs.push(i+1+'、'+this.value)
});
alert(vs.join(';') )
</script>
[解决办法]

引用:

引用:$('#yxfs_table :text').each(function(){
vs.push(this.value)
});

XML/HTML code
?

12345678910111213141516171819202122232425262728293031323334

<tabl……

借花献佛

<table id = "yxfs_table">
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>1</td>
   <td><input type="text" value="a" ></td>
  </tr>
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>2</td>
   <td><input type="text" value="b" ></td>
  </tr>
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>3</td>
   <td><input type="text" value="c" ></td>
  </tr>
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>4</td>
   <td><input type="text" value="d" ></td>
  </tr>
</table>

</body>

<script>
var vs=[];
 $('#yxfs_table td').each(function(){
if(this.childNodes[0].type!="checkbox")
{
vs.push((this.childNodes[0].value? this.childNodes[0].value:this.innerHTML));
}
  });
  
alert(vs.join(";") );

[解决办法]


<script src="http://www.coding123.net/js/jquery.js"></script>

<table id = "yxfs_table">
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>1</td>
   <td><input type="text" value="a" ></td>
  </tr>
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>2</td>
   <td><input type="text" value="b" ></td>
  </tr>
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>3</td>
   <td><input type="text" value="c" ></td> 
 
  </tr>
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>4</td>
   <td><input type="text" value="d" ></td>
  </tr>
</table>
<script>
    var s = $('#yxfs_table tr td:nth-child(2)').map(function () { return this.innerHTML + '、' + $(this).parent().find('input:eq(1)').val() }).get().join(';'); 

    alert(s);
</script>

[解决办法]
var ss= "";

    $("tr > td").not($("tr > td:first-child")).each(function(index,td){
        if(index%2){
            ss += $(td).find("input").val() + ";";
        }else{
            ss += $(td).html() + "、";

        }
    })
            alert(ss);
[解决办法]

[解决办法]

<table id = "yxfs_table">
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>1</td>
   <td><input type="text" value="a" ></td>
  </tr>
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>2</td>
   <td><input type="text" value="b" ></td>
  </tr>
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>3</td>
   <td><input type="text" value="c" ></td>
  </tr>
  <tr>
   <td><input type = 'checkbox'/></td>
   <td>4</td>
   <td><input type="text" value="d" ></td>
  </tr>
</table>

<script type="text/javascript">
var arr=[];
$("#yxfs_table tr td:nth-child(2)").each(function(){
arr.push($(this).text()+"、"+$(this).next().find(":text").val());
});
arr = arr.join(";");
alert(arr);
</script>

热点排行

Bad Request.

JavaScript

Jquery 遍历一个table 遇到的一个有关问题