Question

I have the loop below:

        var myArray = [];
        $(this).children('a').each(function () {
            myArray.push($(this).attr('href'));
        });

which fires 3 times. When I look inside that array, I see that there is only one (last added) item. Why ?

Answer 1

Because you use declare myArray as a local variable. If you want the array’s values to persist, move var myArray = []; outside the common function.

var myArray = []; // This variable is shared by all instances of somefunction
$('#example').click(function() {
    $(this).children('a').each(function () {
        myArray.push($(this).attr('href'));  //myArray in the parent scope
    });
});