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

Question

我正在尝试在第 n 个位置注入一个元素。例如，假设我有一个 div 并且 div 包含 4 个 p 标签，现在我想在第二个位置再注入一个 p 标签。可能吗？

Answer 1

是的，有可能。您可以使用 Element.inject API 并这样做：

yourNewElement.inject(theReferenceElement, 'after');

通过这种方式，您可以指定应该添加的元素在您拥有的参考元素之后。

示例：

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

<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>

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

MooTools inject an element at nth position

mootools

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