mootools - Mootools：ULの各リストアイテムにスパンを挿入します

Question

mydivのIDを持つdiv内の唯一のULであるULの各リストアイテムにスパンを挿入しようとしています。以下のコードは、最後のリストアイテムにのみ挿入されています。ただし、consolログはリストアイテムごとに書き込んでいます。誰かが私がどこで間違っているのか教えてもらえますか？お時間をいただきありがとうございます。

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