Mootools: вставляйте пролет в каждый элемент списка UL

Question

Я пытаюсь ввести интервал в каждый элемент списка UL, который является единственным UL в div с id mydiv. Код ниже вводится только в последний элемент списка. Но журнал консоли записывается для каждого элемента списка. Может ли кто-нибудь сказать мне, где я ошибаюсь? thanx для вашего времени.

var myspan = new Element('span', { 'class': 'myspan' }); 
    $$('#mydiv ul li').each(function(el) { 
     myspan.inject(el); 
     console.log('the span has been injected'); 
}); 

Answer 1

Он вводит во все, а не только последние. он затем перемещает его с каждой итерацией - впрыск изменяет родительский узел, поэтому он проходит через все лики и заканчивается в последнем. вам необходимо клонировать элемент span:

var myspan = new Element('span', { 'class': 'myspan' }); 
$$('#mydiv ul li').each(function(el) { 
    myspan.clone().inject(el); 
    console.log('the span has been injected'); 
});