jQuery wrap()方法

Question

是否可以将所有三个<span>封装在一个<div>中？

<span class='wrap'>Span 1</span>

<span class='wrap'>Span 2</span>

<span class='wrap'>Span 3</span>

下面是一个包装器<div id="parentWrapper"></div>

在我下面运行的代码中，每个span都有一个单独的<div>，并警告它的上下文三次

$(document).ready(function(){
    $('span.wrap').wrap('<div id="parentWrapper">');
    $('div#parentWrapper').each(function(){
        alert($(this).html());
    });
});

Answer 1

有一个wrapAll()方法

描述:围绕匹配元素集中的所有元素包装HTML结构。

 $('span.wrap').wrapAll('<div id="parentWrapper">');

参考wrapAll()文档