class - Mootools：在使用类选择器时用锚包装元素

Question

这是我的第一个脚本，使用任何语言，所以是的，我做错了什么，这可能真的很愚蠢。

我想用 Mootools 将下面的 H3 包裹在锚点之间。

首先，我使用 ID 而不是类对其进行了测试。这行得通。显然 ('id') 是好的， ('.class') 是坏的。但是对于我的特定用例，我需要按其类选择元素。

HTML：

 <h3 class="class">test</h3>

Mootools 代码：

window.addEvent('domready', function () {

var test = document.getElements("h3.class");
var myAnchor = new Element('a', {
    href: 'http://www.someurl.com'
});

var myWrapper = myAnchor.wraps('.class');

});

我试图创建一个 var 并按其类在此处获取元素。但是我不确定如何在 wrap 字符串中调用这个 var。

var myWrapper = myAnchor.wraps(test);

现在我被困住了。我希望有人可以在这里帮助我，非常感谢。

Answer 1

几乎。

window.addEvent('domready', function () {

    var test = document.getElement("h3.class");
    var myAnchor = new Element('a', {
        href: 'http://www.someurl.com'
    });

    myAnchor.wraps(test);

});

http://jsfiddle.net/LmBVq/

注意document.getElement（对于单个元素）。

wrap 的反义词是adopt. 您可以这样做myAchor.adopt(test);，然后将其注入其他地方。