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() docs