Question

我在最后，很多帖子和小提琴示例关于如何使用Jquery更改页面上所有元素的标记名称但是使用mootools更改NONE。有什么办法吗？我需要将所有tr转换为div，无法更改实际的页面html，必须使用Moo。请帮忙。

我在div中有15个tr，疯了吧！

<div id="mydiv">
<tr></tr>
<tr></tr>
...
</div>

我需要将它们转换为div，但要将所有属性和html保存在tr中。请帮忙！谢谢！

Answer 1

只要标记无效，就可以轻松更换mootools中的元素。

http://jsfiddle.net/dimitar/4WatG/1/

document.getElements("#mydiv span").each(function(el) {
     new Element("div", {
        html: el.get("html")
    }).replaces(el);
});

这将替换上述标记中div的所有跨度（使用跨度而不是trs）。

如上所述，http://jsfiddle.net/dimitar/4WatG/ - ＆gt; firefox剥离TR的无效标记不是表格的子节点，这使得难以定位。

Answer 2

我只是想把它留在这里。

Element.implement({'swapTagName': function(newTagName) {
    return new Element(newTagName, {html: this.get('html')}).replaces(this);
}});

用法：

//cleaning HTML3.2 like it's 2012
target.getElements('font[size=5pt],b').swapTagName('h2').addClass('header_paragraphs');
target.getElements('font').swapTagName('p');

更改元素标记名称Mootools

2 个答案: