Извлечение всего столбца данных из таблицы HTML в массив с помощью jQuery

Не удалось найти четкое и последнее объяснение того, как этого добиться. Имеет ли jQuery простой метод для переноса всего третьего столбца из таблицы HTML с id = "table1" и заполнения массива одним значением ячейки для элемента массива. Я относительно новичок в jQuery и не полностью изучил его возможности. Некоторые из ярлыков jQuery поразили меня, поэтому подумал, что было бы разумнее спросить здесь, чем продолжать сшивать код и не видеть никаких результатов.

Ответ 1

Чтобы построить массив из всех элементов из третьего столбца, вы можете использовать следующий код

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

Здесь я делаю выбор всех ячеек в третьем столбце селектором nth-child. Затем с помощью функции $. Map переходим и используем их значение для построения массива.

Рабочий скрипт

Ответ 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/