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

【问题标题】：Extracting entire column of data from HTML table into array using jQuery使用jQuery将HTML表中的整列数据提取到数组中
【发布时间】：2012-05-27 20:27:27
【问题描述】：

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

【问题讨论】：

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

标签： javascript jquery arrays html-table

【解决方案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/

【讨论】：