選擇數據（）值作爲所有選定輸入的數組

Question

如何選擇數據（）值作爲所有選定輸入的數組？下面顯示了我的非工作嘗試。如果第一個和最後一個輸入被檢查，我想data爲["extra1","extra3"]。

https://jsfiddle.net/4mmm6azt/

$('#go').click(function() { 
    var data = $('#mytable tbody input:checked').data('extra').serializeArray(); 
    console.log('data', data); 
}); 

<table id='mytable'> 
    <tbody> 
    <tr><td><input type="checkbox" value="1" data-extra="extra1" name="id[]"></td></tr> 
    <tr><td><input type="checkbox" value="2" data-extra="extra2" name="id[]"></td></tr> 
    <tr><td><input type="checkbox" value="3" data-extra="extra3" name="id[]"></td></tr> 
    </tbody> 
</table> 

Answer 1

嘗試這種情況下使用jQuery.map()，

$('#go').click(function() { 
    var data = $('#mytable tbody input:checked').map(function(){ 
    return $(this).data("extra"); 
    }).get(); 
    console.log('data', data); 
});