jQuery怎么遍历表格,获取每一列的值.
解决方案 »
- 运行时出现File "/foreground/share.jsp" not found错误
- 如何 mixin
- 关于JavaScript的prototype和instanceof
- Opera 9+中怎么在js中怎么判断用户上传文件是否合法(不是图片)
- 字符窜格式判断“前面只能输入数字,最后一位是字母”
- 如何让IE在本地打开就直接能运行js
- 如何用js关掉网页背景音乐?
- 在javascript中,怎样定义表table的某一列td的属性rowspan ,急!!!!
- 如何实现将str=",01,02/,03,04" 分解
- 请教一个Json处理
- 什么是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>