javascript - 用prototype.js将html内容包裹在span中 - 这可能吗？

Question

我在我们的论坛上有以下代码......

<h3 id="anonymous_element_1">
<a href="#" class="ipsSidebar_trigger">×</a>
Latest Posts</h3>

<h3 id="anonymous_element_2">
<a href="#" class="ipsSidebar_trigger">×</a>
Popular Posts</h3>

是否可以使用prototype.js将最新帖子和热门帖子文本包装在span标签中，同时保持相同的结构？

谢谢

Answer 1

如果要在包装器中放入多个元素，最简单的方法是创建一个元素，然后将其他项目移到其中。

var wrap = Element.new('span', {id: 'whatever'});
wrap.insert($'anonymous_element_1').remove();
wrap.insert($'anonymous_element_2').remove();

如果你只有一件事要包装，那么规范的方式是这样的:

$('anonymous_element_1').wrap('span', {[attributes as a hash]);