MooTools在第n个位置注入一个元素

Question

我想在第n个位置注入一个元素。例如，考虑到我有一个div和div包含4个p标签，现在我想在第二个位置再注入一个p标签。有可能吗？

Answer 1

是的，它可能。您可以使用Element.inject API并执行以下操作：

  

yourNewElement .inject（ theReferenceElement ，＆＃39;＆＃39;之后）;

这样你就可以指定在你的参考元素之后添加元素。

示例：

＆＃13;

＆＃13;

var p = new Element('p', {
    html: 'Hello!'
});
var second = $$('div p')[2];
p.inject(second, 'after');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.6.0/mootools.min.js"></script>

<div>
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
    <p>5</p>
</div>

＆＃13;

＆＃13;

＆＃13;

jsFiddle：https://jsfiddle.net/9y8xch4k/