사용 jQuery를 내가 아주 이상한 마크 업을 가지고 있지만

Question

그럼에도 불구하고, 내가 3 명 div의이 사업부의 모든 요소를 ​​포장하기 :

<div id="div1"></div> 

<div id="div4"></div> 

<div id="div12"></div> 

이 3 명 div의하지만 내가 할 필요가있다 그 사이에 다른 요소가있을 수 있습니다

<div class="wrapped"> 
    <div id="div1"></div> 

    <div id="div4"></div> 

    <div id="div12"></div> 
</div> 

이 가능 jQuery의 포장 또는 wrapAll 기능을 사용하여 : 마크 업이 같이 끝날 수 있도록이 3 명 div의 포장 사업부가 있는지 확인?

Answer 1

wrapAll()으로 가능합니다. 당신은 포함 #div1와 #div12 사이에 요소를 일치 nextUntil(), andSelf() 및 add()을 사용할 수 있습니다 : 당신이 선호하는 경우가 래퍼 VAR 제거 할 수

$("#div1").nextUntil("#div12").andSelf().add("#div12") 
      .wrapAll("<div class='wrapped'></div>"); 

Answer 2

var wrapper = $('<div></div>').addClass('wrapped'); 
var parent = $('#div1').parent(); 
wrapper.append($('#div1, #div4, #div12')).appendTo(parent); 

. 여기에 jsFiddle이 있습니다 : http://jsfiddle.net/DHTd6/