Итерации через элементы таблицы с помощью jQuery

Question

Я пытаюсь получить все td's из определенной строки.

Вот код

<script> 
$(window).scroll(function() { 
var widthArray = new Array(); 
var i=0; 
$('#firstRow >td').each(function(){ 
var tdclass=$('td').attr('class'); 
console.log(tdclass); 
widthArray.push(tdclass); 
    i=i+1; 
}); 
}); 

Но он останавливается на первом td вместо перебора.

ОБНОВЛЕНИЕ: переменная i предназначена для другой функции.

Answer 1

Вы должны использовать $(this) внутри цикла .each().

$('#firstRow > td').each(function(){ 
    var tdclass = $(this).attr('class'); 
    console.log(tdclass); 
    widthArray.push(tdclass); 
    i=i+1; 
}); 

Answer 2

Каждая итерация вы получаете класс первого <td> элемента в наборе $('td'). Вы можете сменить свою конструкцию на более элегантную:

$(window).scroll(function() { 
    var widthArray = $("#firstRow > td").map(function() { 
      return this.className; 
     }).get(), 
     i = widthArray.length; 

    // ... 
});