Получите массив значений пользовательских атрибутов, выбрав класс и проверив флажок

Question

У меня есть несколько флажков, и эти элементы содержат настраиваемый атрибут с именем data-id. Например:

<input class="testCheckbox" icheck="" ng-model="Model" data-id="57e3"type="checkbox"> 

Я хочу получить массив идентификаторов, найдя его по имени и типу элемента. В настоящее время у меня есть что-то вроде этого, и она работает:

var testIds = []; 
$('input.testCheckbox[type="checkbox"]:checked').each(function() { 
    testIds.push($(this).attr("data-id")) 
}); 

мне интересно, если есть встроенная функция в JQuery, которая может возвращать один и тот же результат? Я пробовал с этим кодом, но он только возвращает первое значение:

console.log($('input.testCheckbox[type="checkbox"]:checked').attr("data-id")); 

Я не знаю, что я делаю неправильно? С наилучшими пожеланиями.

Answer 1

Там нет встроенных функций, чтобы сделать это, но вы можете сократить свой код, используя map() вместо:

var testIds = $('input.testCheckbox[type="checkbox"]:checked').map(function() { 
    return $(this).data('id'); 
}).get();