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

时间:2012-05-21 10:27:16

标签: javascript jquery arrays html-table

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

2 个答案:

答案 0 :(得分:11)

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

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

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

Working Fiddle

答案 1 :(得分: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/

的示例