更改元素标签名称 Mootools

发布于 2024-12-09 06:40:26 字数 336 浏览 0 评论 0原文

我在最后，有很多关于如何使用 Jquery 更改页面上所有元素的标签名称的帖子和 Fiddle 示例，但没有使用 mootools 的。有什么办法可以做到吗？我需要将所有 tr 转换为 div，无法更改实际页面 html，必须使用 Moo 来完成。请帮忙。

我的一个 div 里有 15 个 tr，太疯狂了哈！

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

我需要将它们转换为 div，但保持 tr 中的所有属性和 html 完好无损。请帮忙！谢谢你！

原文

I am at the end , sooo many posts and Fiddle examples on how to change tag name of all elements on page with Jquery but NONE with mootools. Is there any way to do it? I need to convert all tr to div, not able to change the actual page html, must do it with Moo. Please help.

i have 15 tr's in a div , crazy huh!

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

I need to convert them to divs but keep all attributes and html within tr's in tact. PLEASE help! Thank you!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

转角预定愛 2024-12-16 06:40:27

替换 mootools 中的元素很容易，只要标记不是如上所述无效即可。

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

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

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

如前所述， http://jsfiddle.net/dimitar/4WatG/ -> firefox 会删除 TR 的无效标记，因为 TR 不是表的子项，这使得定位变得困难。

Replacing elements in mootools is easy, as long as the markup is not invalid as above.

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

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

this will replace all spans for divs in the above markup (use spans instead of trs).

as stated up, http://jsfiddle.net/dimitar/4WatG/ -> firefox strips invalid markup of TR not being a child of a table which makes it hard to target.

回复收藏 0 原文

剑心龙吟 2024-12-16 06:40:27

我只是要把它留在这里。

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');

I'm just going to leave this floating here.

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

Usage:

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

回复收藏 0 原文

~没有更多了~