2011-05-23 35 views
3

とラッパーのdivにH3とのdivをラップする必要があります:私はjQueryを経由して行う必要がある何は、私は、次のHTML持っているのjQuery

<div class="accordion"> 
    <h3>My title</h3> 
    <div>My content</div> 
    <h3>My title</h3> 
    <div>My content</div> 
    <h3>My title</h3> 
    <div>My content</div> 
</div> 

を別のdivクラス=「myDiv」でのH3のとのdivのそれぞれをラップされます最終的な出力は次のようになります。

<div class="accordion"> 
    <div class="myDiv"> 
    <h3>My title</h3> 
    <div>My content</div> 
    </div> 
    <div class="myDiv"> 
    <h3>My title</h3> 
    <div>My content</div> 
    </div> 
    <div class="myDiv"> 
    <h3>My title</h3> 
    <div>My content</div> 
    </div> 
</div> 

jqueryでこれをどうしますか?

+0

これは昨日頼まれた誓います。 – daryl

答えて

0

何かがそれを実行する必要があります。

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

jsFiddle example

はAPIを参照してください。 10

+0

パーフェクト!それはトリックでした!あなたのご協力ありがとうございました! – butterflygurl98

2

これを試してみてください。このような

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

http://jsfiddle.net/BSQpf/

関連する問題