jQuery.each返回索引数组

Question

I have this code:

function gatherFollowers() {
            var followers = [];
            jQuery('.follower').each(function(index, value) {
                var i = parseInt(jQuery(this).attr('data-id'));
                followers.push(i);
            });
            return followers;
        }

That should grab all attributes but in result it returns this:

[100, 99, 88, 72, 63, 34, 31, 30, 29, each: function, eachSlice: function, all: function, any: function, collect: function…]

How could I make it return simple array like this:

[4,29,30,31,32,34,36,37,60,61,63,72,76,77,88,99,100] 

Thanks

Answer 1

I'm sure you can use map() to get what you need - and .get()

function gatherFollowers() {
    return jQuery('.follower').map(function(i,v){
        return $(v).data('id');
    }).get();
}

FIDDLE

Answer 2

Try with

function gatherFollowers() {
    var followers = $.map($('.follower'), function(value) {
        return parseInt($(this).data('id'), 10);
    });

    // followers should be an array of numbers
}

I've changed your code to use $.map and also to use .data() to access the HTML 5 data- id attribute.

Answer 3

Well, in fact pushing this function result into object really helped me followers.data = gatherFollowers();

Now console.log shows

Object {data: Array[9], type: "custom"}
data: Array[9]
0: "100"
1: "99"
2: "88"
3: "72"
4: "63"
5: "34"
6: "31"
7: "30"
8: "29"
length: 9
__proto__: Array[0]
type: "custom"

as expected.

Answer 4

I tried this:

//HTML
//<div id="1" class="follower">follower1</div>
//<div id="2" class="follower">follower2</div>

var followers = [];
$('.follower').each( function(index, value){
    var follower_id = $('.follower:eq(' + index + ')').attr('id');
    followers.push(follower_id)
});
console.log(followers)
//output [1,2]