js/jquery循环提取table单元格值

最新推荐文章于 2019-05-28 11:48:18 发布

Sky786905664

最新推荐文章于 2019-05-28 11:48:18 发布

阅读量6.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： java

本文链接：https://blog.youkuaiyun.com/Sky786905664/article/details/52548634

java 专栏收录该内容

141 篇文章

订阅专栏

本文介绍了一种使用JavaScript和jQuery从HTML表格中提取数据的方法。通过获取表格元素并遍历其单元格，可以轻松地读取并输出每个单元格的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<table id="tbitem">
 <tr><td>测试数据1</td></tr>
 <tr><td>测试数据2</td></tr>
 <tr><td>测试数据3</td></tr>
 <tr><td>测试数据4</td></tr>
 <tr><td>测试数据5</td></tr>
 <tr><td>测试数据6</td></tr>
</table>
<script type="text/javascript">
 var table = document.getElementById("tbitem"); 
 var td = table.getElementsByTagName("td");
 var len = td.length;
 for(i=0;i<len;i++){
  alert(td[i].innerHTML);
 } 
</script>

      jquery 版的
 $(document).ready(function(){
 var st1r=""; 
 $("td").each(function(){ st1r+=$(this).html()+",";alert( st1r)}) 
 });
 这个是通过判断里面是否有td ，如果有td，都提取里面的值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>untitle</title>
<script>
window.onload=function(){
var b=document.getElementsByTagName('td').length;
for(var i=1;i<=b;i++){
var a=document.getElementById('a'+i);
alert(a.innerHTML);
}
}
</script>
</head>
<body>
<table>
<tr>
<td id="a1">aa</td>
<td id="a2">bb</td>
<td id="a3">cc</td>
</tr>
</table>
</body>
</html>
方法是很多~ 不知道要什么样的