问题 使用jQuery将整个数据列从HTML表提取到数组中


无法找到如何实现这一目标的明确和最近的解释。 jQuery是否有一种简单的方法可以从具有id =“table1”的HTML表中获取整个第三列,并为每个数组元素填充一个单元格值的数组。我对jQuery相对较新,并没有完全探索它的功能。 jQuery的一些快捷方式令我感到惊讶,所以认为在这里提问可能比将mashing代码拼凑在一起并且看不到任何结果更明智。


11219
2018-05-21 10:27


起源

对于它的价值,“推()”方法似乎是最快的: jsperf.com/html-table-to-array-map-vs-push - Jeromy French


答案:


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

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

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

工作小提琴


11
2018-05-21 10:39



谢谢你。有没有简单的方法来显示警报甚至document.write中的值?谢谢。 - derek8
点击我在答案底部提供的链接,您将收到提醒。 - Prasenjit Kumar Nag
或者甚至更好地查看此链接, jsfiddle.net/joycse06/tmfxr/1 它会显示警报并将值添加到div中。 :) - Prasenjit Kumar Nag
谢谢Joy。这实现了我的需要。 - derek8


你可以试试这个:

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

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


2
2018-05-21 10:32