Question

mootools相当于jQuery的before吗？或者如果没有，我如何在mootools中执行类似的功能？

例如，我从ajax得到了结果，我想在某个元素之前插入结果的HTML代码。

<div class="elements">
  <div class="element"></div>
  <div class="element"></div>
  <div class="element"></div>

  </div class="loader"></div>
</div>

我想在.loader之前插入一些HTML代码（字符串）。我不能在这个问题上使用JSON或类似HTML的对象。

我有将HTML插入div的函数：

function appendHTML(elem, html){
    if ($type(html) != 'string') return false;
    var temp = new Element('div');
    temp.set('html', html);
    elem.adopt(temp.childNodes);
    return this;
}

但我希望在div之前插入HTML代码，而不是插入。谢谢！

Answer 1

当你将元素inject放入DOM时，你可以传入第二个参数，说明元素的去向。默认值为bottom。

new Element('div', {
    "class": 'className',
    html: 'Some html'
}).inject(existingEl, 'before');

Answer 2

有inject()方法：

myElement.inject(el[, where]);

以下是在myFirstElement之前插入mySecondElement的示例：

myFirstElement.inject(mySecondElement, 'before');

Mootools相当于jQuery之前的版本

2 个答案: