jquery - 选择 data() 值作为所有选定输入的数组

Question

如何选择 data() 值作为所有选定输入的数组？我的非工作尝试如下所示。如果检查第一个和最后一个输入，我希望 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);
});