Mootools INJECT не работает на ул правильной

Question

В странице у меня есть этот код:

<ul> 
<li>Name 1</li> 
<li>Name 2</li> 
<li>Name 3</li> 
<li>Name 4</li> 
<li id="beforeInsert"></li> 
</ul> 

И я пытаюсь привнести некоторые из них код:

<li>Name 5</li> 
<li>Name 6</li> 
<li>Name 7</li> 

перед <li id="beforeInsert"></li> элементом ти этой функции:

html.inject("beforeInsert", "before"); 

Но эта функция просто добавляет первый элемент <li> из моего второго список, в <ul> блок. Что я делаю неправильно?

Answer 1

Функция ввода работает на элементах mootools dom. так что вы можете сделать что-то вроде этого:

var el_before = document.id('beforeInsert'); 
[5,6,7].each(function(num){ 
    var li = new Element('li').set('html','Name ' + num); 
    li.inject(el_before,'before'); 
}); 

jsfiddle