2013-07-10 47 views
2

這是我的第一個腳本,使用任何語言,所以是的,我做了一些錯誤的事情,可能真的很愚蠢。Mootools:在使用類選擇器時使用錨點包裝元素

我想將下面的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 myWrapper = myAnchor.wraps(test); 

現在我卡住了。我希望有人能在這裏幫助我,非常感謝。

回答

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);然後將它注入其他地方。

+0

感謝您的快速回復和您的提示!現在希望它能在我正在研究的Joomla網站上運行。我第一次嘗試jQuery和它在jsfiddle工作,但在網站上,它給了mootools/jQuery的衝突。 jQuery在Mootools之後加載,所以我無法使用NoConflict。我決定使用Mootools,但開始使用起來有點棘手,所以再次感謝分配! – user6820

+1

我可以證實這個作品。 – user6820

相關問題