插入中斷<br />與mootools

Question

我想通過使用mootools在標籤<label>後插入中斷元素<br />。不幸的是這行代碼不起作用：

$$('.class-name label').inject('<br />', 'after'); 

我應該創建元素<br />先用mootools的？感謝您的回覆。

Answer 1

這不是一個有效的元素構造函數"<br />"和注入工程逆轉 - newel.inject(target, where)。你想grab

$$(".class-name label").grab(new Element("br"), "after"); 

如果性能問題（IE和許多許多項目）...

(function() { 
    var br = new Element("br"), after = "after", inject = function(el) { 
     el.grab(br.clone(), after) // or br.clone().inject(el, after) 
    } 
    $$(".class-name label").each(inject) 
}()); 

，甚至 - 避免MooTools的EL構造點球，我會親自去與以下內容：

(function() { 
    var br = "br", 
     after = "after", 
     doc = document, 
     ce = 'createElement', 
     inject = function(el) { 
      el.grab(doc[ce](br), after) 
     } 

    document.getElements(".class-name label").each(inject) 
}()); 

說實話，如果可能的話，你應該首先在CSS中解決這個問題。