缠绕元件的内容，直到特定元素

Question

如何可以与jQuery元素含量包裹直到特定的元件，如示出在HTML例如：

<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