2014-01-16 6 views
0

그래서그룹화 형제 div 태그

<h3> </h3> 
div class="group1"> 
    <div class="row1"></div> 
    <div ></div> 
    <div></div> 
</div> 

    <h3> </h3> 
div class="group2"> 
    <div class="row1"></div> 
    <div ></div> 
    <div></div> 
</div> 

IV 몇 appoaches하지만 대부분의 촬영은 다음과 같이 나에게 그룹 형제 DIV 태그를 할 수있는 다음과 같은

<h3> </h3> 
<div class="row1"></div> 
<div ></div> 
<div></div> 

<h3> </h3> 
<div class="row1"></div> 
<div ></div> 
<div></div> 

구성 페이지 지금 내가 원하는 모든 코드가되어 있습니다 유망한 것은이 코드 줄 인 것 같습니다.

$("#block-views-taxomony-view-block-1 .view-content h3").nextUntil("h3").wrapAll("<div></div>"); 

그러나 모두 그 모든 작업이 sigular div에 모든 것을 던지고 있습니다. 내가 그룹 아코디언을 위해 사용하기 때문에 그룹 div의 클래스가 필요하지 않습니다. ps는 단일 div에 있어야합니다. 또한 동적으로 수행 할 수 있어야합니다.

+0

죄송합니다. 단지 내 그룹 div가 태그에 있지 않아서 그냥 그 사람을 흉내 낸 것입니다. – jambuls

답변

3

루프로 감싸십시오. 1 세트의 랩을 사용하면 실제로는 div 모두를 가져 와서 하나의 랩으로 포장합니다. 여러 세트를해야합니다 :

$("#block-views-taxomony-view-block-1 .view-content h3").each(function(){ 
    $(this).nextUntil("h3").wrapAll("<div></div>"); 
}) 
+0

감사합니다. 나는 그저 접근 할 수 없었다. – jambuls