原型内包装

Question

我已经搜索了文档并尝试了各种技术，但没有找到一种合适的技术来实现以下dom操作：

<h3>hello</h3> 

至

<h3><a href="#">hello</a></h3>

谢谢。

Answer 1

据我所知，Prototype没有与jQuery的wrapInner()等同的东西。但是，您可以使用innerHTML进行模拟

$$("h3").each(function(element) {
    element.replace("<h3><a href='#'>" + element.innerHTML + "</a></h3>");
});

Answer 2

Prototype的wrap确实可以在文本节点上工作，但它没有清楚地说明这一点，也没有以通常的方式扩展文本节点。此外，$$选择器排除了原生文本节点，因此您需要自己获取它们。

var h3 = $$('h3').first(),
    text = h3.childNodes.first();
Element.wrap(text, 'a', { href: '#' });