读书人

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

发布时间: 2013-02-06 14:02:21 作者: rapoo

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>

读书人网 >JavaScript

热点推荐