将元素的内容包装到特定元素

Question

如何在jQuery元素中包含内容直到特定元素，如下例所示：

<div>
    <span>
       wrap this element
    </span>
    text to wrap
    <span class='dont-wrap'>
        dont wrap this
    </span>
</div>

为：

<div>
    <span>
        <span>
           wrap this element
        </span>
        text to wrap
    </span>
    <span class='dont-wrap'>
        dont wrap this
    </span>
</div>

我试过了：

$('div).contents().nextUntil('.dont-wrap').wrap('<span/>');

Answer 1

以下代码可以使用

$(function(){
    $('div').contents().each(function(){
        if(!$(this).hasClass('dont-wrap')){
            $(this).wrap('<span/>');
        }
    });
});

这是JSFiddle