JS与jQuery遍历Table所有单元格内容的方法

  更新时间：2019-01-03分类：jQuery来源：佚名主页：

  编程之家收集整理的这篇文章主要介绍了JS与jQuery遍历Table所有单元格内容的方法，编程之家小编觉得挺不错的js遍历table，现在分享给大家js遍历table，也给大家做个参考。

  内容概述

  这篇文章主要介绍了JS与jQuery遍历Table所有单元格内容的方法,结合实例形式分别描述了JavaScript与jQuery实现遍历table单元格的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下

  语音解读

<p><pre class="brush:js;">
function GetInfoFromTable(tableid) {
var tableInfo = "";
var tableObj = document.getElementById(tableid);
for (var i = 0; i < tableObj.rows.length; i++) { //遍历Table的所有Row
for (var j = 0; j < tableObj.rows[i].cells.length; j++) { //遍历Row中的每一列
tableInfo += tableObj.rows[i].cells[j].innerText; //获取Table中单元格的内容
tableInfo += " ";
}
tableInfo += "n";
}
return tableInfo;
}
这个方法的参数是唯一标识Table的id，用document对象的获取
jQuery 遍历Table中tr中的td中的内容：
1、$("#trID td").text()得到的是一个所以trID之中td的值 返回一个字符串。
2、$("#trID").children 得到一个trID下的所有td，然后遍历$("#trID").children使用.eq(index).text()得到td中的值;

 无标题文档 $(document).ready(function() { $("#table a").each(function (){ this.onclick = function(){ var thisObj = this.parentNode.parentNode; var a = $(thisObj).children(); var arr = new Array(); var laber = $("#xiugai label"); for(var i=0;i [1]: https://www.veimoz.com/1579 [2]: https://www.veimoz.com/1581 [3]: https://www.veimoz.com/1574