javascript - 包装具有相同属性的元素

Question

如果我有一个类似元素的列表，例如:

<outer-container>
    <element attribute="x" />
    <element attribute="x" />
    .
    .
    .
    <element attribute="y" />
    <element attribute="z" />
</outer-container>

如何使用 attribute="x" 包装元素，使它们位于自己的容器内？

<outer-container>
    <inner-container>
        <element attribute="x" />
        <element attribute="x" />
    </inner-container>
    .
    .
    .
</outer-container>

Answer 1

如果 jQuery 是一个选项:

$('[attribute="x"]').wrapAll('<inner-container/>');

演示:http://jsfiddle.net/iambriansreed/Hgp7B/