mootools - Mootools 注入在 ul 上不起作用正确

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