두 세트의 각 세트를 jQuery로 포장하는 방법은 무엇입니까?

Question

<h2>과 <table>의 각 집합을 각각 <div> 내에 포함하고 싶습니다. 따라서 CSS로 새 컨테이너를 조작 할 수 있습니다.

<div> 
<h3></h3> 
<h2 class="product-line-term-name">Product 1</h2> 
<table class="views-view-grid"></table> 
<h3></h3> 
<h2 class="product-line-term-name">Product 2</h2> 
<table class="views-view-grid"></table> 
<h3></h3> 
<h2 class="product-line-term-name">Product 3</h2> 
<table class="views-view-grid"></table> 
</div> 

참고 :

다음은 내가 작업하고있는 HTML의 단순화 된 버전입니다 jQuery를 (버전 1.3.2) 및 CSS 내 도구 그래서 난 단지 주제 층에서 일하고 있습니다.

Answer 1

봐이 코드

jQuery.each($('.product-line-term-name'), function(i, val) { 
    //Create new element 
    var div = "<div>" + $(this)[0].outerHTML + $(this).next()[0].outerHTML + "</div>"; 

    $(this).prev().after(div); 
    $(this).next().remove(); 
    $(this).remove(); 
}); 

See fiddle

Answer 2

이 경우 nextUntil 및 wrapAll를 사용할 수있다 :

$('h3').each(function(){ 
    $(this).nextUntil('h3').wrapAll('<div class="example" />'); 
}); 

데모 : http://jsfiddle.net/9w9Sp/

Answer 3

내 생각에 다음을 코드가 게재됩니다. jQuery 1.3.2의 용도 :

var h3_length = $('h3').length; 

for(var i= h3_length - 1; i>= 0; i--) { 
    $('h3').eq(i).nextAll().not(".test, h3").wrapAll('<div class="test" />'); 
}