Мой массив jQuery численно не индексируется?

Question

Я выбираю группу элементов в моем DOM так:

var menu_items = $('#ubermenu-nav-main-0-primary > li a span') 
     .not('#ubermenu-nav-main-0-primary > li ul li a span'); 

menu_items.each(function(i){ 
    var strings = []; 
    strings.push = this.innerHTML; 
    console.log(strings); 
}); 

После нажатия все элементы на мой массив - Я действительно хочу, массив Численно индексированные, но то, что я на самом деле получить выглядит следующим образом:

Что-то не так?

Answer 1

Чтобы получить текст узла в массив, рассмотрите возможность использования jQuery's .map(). Как так:

var menu_items = $('#ubermenu-nav-main-0-primary > li a span') 
     .not('#ubermenu-nav-main-0-primary > li ul li a span'); 

var strings = menu_items.map (function(){ 
    return this.innerHTML.trim(); 
}).get(); 
console.log (strings); 

Примечание:

1. При получении текста со страницы, вы почти всегда хотите trim в начальные и конечные пробелы.
2. Возможно, вы захотите использовать textContent вместо innerHTML.

Answer 2

Не перезаписывать массива в каждой итерации, принять свою декларацию снаружи на each() петли:

var strings = []; 
menu_items.each(function(i){ 
    strings.push(this.innerHTML); 
    console.log(strings); 
}); 

Answer 3

var menu_items = $('#ubermenu-nav-main-0-primary > li a span') 
    .not('#ubermenu-nav-main-0-primary > li ul li a span'); 

var strings = []; 
menu_items.each(function(i){ 
    strings.push = this.innerHTML; 
    console.log(strings); 
}); 

Вы должны установить массив строк за пределами каждой петли.

Answer 4

У вас есть две проблемы: переопределение массива на каждой итерации и использование ключа вместо метода push.

var strings = []; //<-- defined outside 
menu_items.each(function(i){ 
    strings.push(this.innerHTML); //<-- push is a method 
    console.log(strings); 
}); 

Или, как я хотел бы сделать это

var strings = menu_items.each(function(ind, elem){ return elem.innerHTML; }).get();