jQuery로 래퍼 div에 div를 래핑하십시오.

Question

제목과 마찬가지로 div의 일부 div를 래핑해야합니다. 여기에 HTML이 있습니다. 내가로 출력 싶은 것이 지금

<div class="something1 message"> 
<span class="message-text">This is notification 1</span> 
<input type="text" /> 
</div> 

<div class="something2 message"> 
<span class="message-text">There can be multiple texts like this</span> 
<span class="message-text">There can be multiple texts like this</span> 
<span class="message-text">There can be multiple texts like this</span> 
<input type="text" /> 
</div> 

<div id="content-wrapper" class"message"> 
<span class="message-text">Anotherexample</span> 
<span class="message-text">There can be multiple texts like this</span> 
<input type="text" /> 
</div> 

:

invidual 메시지 사업부의 내부에있는 모든 "메시지 텍스트"스팬는 것 우리가 내부 메시지 텍스트 wrappe를 포장하는 것이 기본적으로

<div class="something1 message"> 
<div class="message-text-wrapper"> 
    <span class="message-text">This is notification 1</span> 
</div> 
    <input type="text" /> 
    </div> 

    <div class="something2 message"> 
<div class="message-text-wrapper"> 
    <span class="message-text">There can be multiple texts like this</span> 
    <span class="message-text">There can be multiple texts like this</span> 
    <span class="message-text">There can be multiple texts like this</span> 
</div> 
    <input type="text" /> 
    </div> 

    <div id="content-wrapper" class"message"> 
<div class="message-text-wrapper"> 
    <span class="message-text">Anotherexample</span> 
    <span class="message-text">There can be multiple texts like this</span> 
</div> 
    <input type="text" /> 
    </div> 

div.

바라건대 understant.

Answer 1

이 방법이 유용합니까? 그것은 테스트되지 않았습니다. 그러나 뭔가 ... 이런 식으로

$('.message-text:nth-child(1)').each(function(){ 
$(this).nextAll('.message-text').andSelf().wrapAll("<div class='message-text-wrapper'></div>"); 
}): 

Answer 2

사용 jQuery's wrapAll() function :

$('.message-text').wrapAll("<div class='message-text-wrapper' />"); 

여기 a working fiddle입니다.

편집 : 코멘트에있는 당신의 지침에 따라

, 아래의 코드는 사업부의 개별 요소를 바꿈됩니다. 바이올린도 업데이트되었습니다.

$('.message-text').wrap("<div class='message-text-wrapper' />");