jquery - Mootools 相当于之前的 jQuery

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 中时，你可以传入第二个参数来说明元素应该放在哪里。默认为底部。

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