манипулировать массив с помощью JQuery

Question

У меня есть ниже цикл:

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

, который стреляет 3 раза. Когда я заглядываю в этот массив, я вижу, что есть только один (последний добавленный) элемент. Зачем ?

Answer 1

Потому что вы используете declare myArray как локальную переменную. Если вы хотите, чтобы значения массива сохранялись, переместите var myArray = []; за пределы общей функции.

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 
    }); 
}); 

Answer 2

Я бы предложил использовать для циклов, поскольку они намного быстрее.

http://jsperf.com/jquery-each-vs-for-loop/44

Попробуйте это:

var myArray = [], 
    links = $("a.link"); 
for (var i = 0, l = links .length; i < l; i++) { 
    myArray.push($(links[i]).attr("href")); 
} 
console.log(myArray);