jQuery .each() 与数组

Question

基本上，我试图收集具有特定类的每个元素的 ID，并将这些 ID 放入一个数组中。我正在使用 jQuery 1.4.1 并尝试使用 .each()，但并不真正理解它或如何将数组传递出函数。

$('a#submitarray').click(function(){

    var datearray = new Array();

    $('.selected').each(function(){
        datearray.push($(this).attr('id'));
    });

    // AJAX code to send datearray to process.php file

});

我确信我还很遥远，因为我对此很陌生，所以任何建议帮助都会很棒。谢谢！

Answer 1

您也可以使用 map()：

$('a#submitarray').click(function(){

  var datearray = $('selected').map(function(_, elem) {
    return elem.id;
  }).get(); // edited to add ".get()" at the end; thanks @patrick
  // ajax

});

map() 方法将每个索引（我的示例未使用）和元素传递到给定函数中，并构建一个数组从返回值中为您提供。

Answer 2

尝试使用 jquery 的 map 函数:

datearray = $('.selected').map(function(){
    return $(this).attr('id');
}).get();

// use ajax to send datearray

Answer 3

您不必将数组传递给匿名函数，因为它位于同一作用域中。

Answer 4

基于其他答案，这里是一个简化版本：

var datearray = $('selected').map(function() {
  return this.id;
}).get();

map 函数从每个元素获取 id ，并且 get 函数返回一个数组。在传递给 map 的匿名函数中，this 依次引用每个选定的元素。

Answer 5

对我来说一切看起来都很好，该数组将被填充并在您放置评论的地方可用。对自己有信心。

Answer 6

应该加载数组；您可以使用 jQuery.post 将其发送到服务器。 ..

$.post("process.php", datearray, function(dat) {
  alert('Response: ' + dat);
});