使用jQuery将HTML表中的整列数据提取到数组中

Posted 2023-03-05

【中文标题】使用jQuery将HTML表中的整列数据提取到数组中

【英文标题】：Extracting entire column of data from HTML table into array using jQuery

【发布时间】：2012-05-27 20:27:27

【问题描述】：

找不到有关如何实现此目的的清晰且最新的解释。 jQuery 是否有一种简单的方法可以从 id="table1" 的 html 表中获取整个第三列，并使用每个数组元素的一个单元格值填充数组。我对 jQuery 比较陌生，还没有完全探索它的特性。一些 jQuery 的快捷方式让我很吃惊，所以认为在这里问比继续将代码混在一起却看不到任何结果更明智。

【问题讨论】：

不管怎样，“push()”方法似乎是最快的：jsperf.com/html-table-to-array-map-vs-push

【参考方案1】：

要使用第 3 列中的所有元素构建一个数组，您可以使用以下代码

var colArray = $('#table1 td:nth-child(3)').map(function()
       return $(this).text();
   ).get()​;

这里我正在做的是通过nth-child 选择器选择第三列中的所有单元格。然后使用$.map 函数循环到并使用它们的值来构建一个数组。

Working Fiddle

【讨论】：

谢谢。有没有简单的方法来显示警报甚至 document.write 中的值？谢谢。

点击我在答案底部提供的链接，您会收到提醒。

或者更好地检查这个链接，jsfiddle.net/joycse06/tmfxr/1 它显示一个警报并将值添加到一个 div 中。 :)

谢谢乔伊。这达到了我所需要的。

【参考方案2】：

你可以试试这个：

var myArray = new Array();
$(document).ready(function()  
    $("#table1 tr td:nth-child(3)").each(function(i)
       myArray.push($(this).text());
    );
);

这是一个例子http://jsfiddle.net/nU6bg/