Mootools:使用类选择器包装带锚的元素

时间:2013-07-10 13:52:05

标签: class mootools wrapper

这是我的第一个脚本,用任何语言,所以是的,我做错了,这可能是非常愚蠢的事情。

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

首先,我使用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并在其类中抓取元素。但我不知道如何在包裹字符串中调用此var。

var myWrapper = myAnchor.wraps(test);

现在我被卡住了。我希望有人可以帮助我,非常感谢。

1 个答案:

答案 0 :(得分:2)

近。

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(对于单个元素)。

与换行相反的是adopt。你可以做myAchor.adopt(test);然后把它注射到其他地方。