jQuery怎么遍历表格,获取每一列的值.
解决方案 »
- 关于javascript window.onload 和html页面加载顺序
- IE下可以透过盖在input标签上面的div点到input标签
- opensocial求助
- 关于jquery取值问题(分不多了,大哥大姐都过来看看。。。。)
- 按一下按键可以换一张图片(html)
- MzTreeView 2.0如何修改节点
- 怎么给 Ext.Panel 设置自动的滚动条?
- windows media player作为ie插件播放audio时如何显示象用windows media player播放器中播放audio时出现的可视化效果.
- 【求助】请教文本框焦点问题!
- phantomjs 的使用出现不稳定现象, 有时候有结果有时候没结果
- 什么是jquery??掌握需要哪些看什么书籍
- 简单的正则问题
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>哥是传说一列</title>
</head><body>
<table border="1px" id="tb">
<tbody><tr><td>哥是第一列</td><td>俺第二列的</td></tr>
<tr><td>哥是传说一列</td><td>俺二列的</td></tr></tbody>
</table>
<script type="text/javascript">
function getTableCell (obj){
var _arrCellOnes =[];
var _oTBody = obj.TBodies ? obj.TBodies : obj;
var _oTRows = _oTBody.rows;
for(i=0;i<_oTRows.length;i++){
if(_oTRows[i].cells[0]){
_arrCellOnes.push(_oTRows[i].cells[0].innerHTML);
}
}
return _arrCellOnes;
}
var arrCells = getTableCell($("#tb"));//用到jQuery了
alert(arrCells);
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js测试</title>
<script src="jquery-1.3.2.js"></script>
<script>
$(document).ready(function(){
$("#tb tr").each(function(){
var text = $(this).children("td:first").text();
alert("text=="+text);
});
});
</script>
</head>
<body>
<table id="tb" width="200" border="1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>yi</td>
<td>er</td>
<td>san</td>
</tr>
<tr>
<td>一</td>
<td>二</td>
<td>三</td>
</tr>
</table></body>
</html>
$.each(td, function(key, value){
$(value).find("td")[0]; //这个也是第一个td. 另一种写法.
});
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript" src="jquery.js"> </script>
<script language="javascript">
$(document).ready(function(){
$('td').each(function(){
alert($(this).text());
});
});
</script>
</HEAD>
<BODY>
<table >
<tr>
<td>a</td>
<td>a</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
</tr>
</table>
</BODY>
</HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript" src="jquery.js"> </script>
<script language="javascript">
$(document).ready(function(){
$('td').each(function(){
alert($(this).text());
});
});
</script>
</HEAD>
<BODY>
<table >
<tr>
<td>a</td>
<td>a</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
</tr>
</table>
</BODY>
</HTML>