Почему я получаю пустые объекты при нажатии на массив?

Question

У меня есть следующий фрагмент кода:

var options = []; 
$("tr.mks-option-row").each(function (row) { 
    options.push({ 
     Id: $(row).data("option-id"), 
     CategoryId: $(row).data("category-id"), 
     Value: $(row).data("option-text") 
    }); 
}); 

Где .mks-option-row это селектор для всех строк в таблице. Таблица содержит несколько элементов данных, которые я также повторил как атрибуты данных на самом tr.

Однако, когда этот фрагмент выполнен, массив options содержит n пустой литерал объекта. Если в таблице содержится 4 строки, массив содержит [{},{},{},{}]

Что я здесь делаю неправильно? (Я также попытался использовать идентификаторы в кавычках, без разницы в результатах)

Answer 1

row передаются в качестве индекса элемента в списке строк в функцию обратного вызова, вам нужно использовать this для того, чтобы выбрать строку как объект Jquery :

var options = []; 
$("tr.mks-option-row").each(function() { 
    options.push({ 
     Id: $(this).data("option-id"), 
     CategoryId: $(this).data("category-id"), 
     Value: $(this).data("option-text") 
    }); 
}); 

Update:

Более конкретно, $.each ожидает function(index, element). это один из вариантов; игнорирование первого аргумента - другое.

$("tr.mks-option-row").each(function (row, element) { 
    options.push({ 
     Id: $(element).data("option-id"), 
     CategoryId: $(element).data("category-id"), 
     Value: $(element).data("option-text") 
    }); 
});