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

Question

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

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

это инъекция всего, а не только последнего.затем он перемещает его с каждой итерацией - inject изменяет родительский узел, чтобы он прошел через все li и оказался в последней.вам нужно клонировать элемент 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');
});