手风琴与外容器配对

Question

我对手风琴有以下问题.我有一对外部容器"accordion"的元素,但我需要用另一个容器包装每一对.据我所知,我之前无法将它们包起来,因为手风琴不能正常工作......所以我需要在domready之后用一个额外的片段包装它们......

我懂了:

<div id="accordion">
    <h2 class="head">Headline</h2>
    <div class="content">Some content...</div>
    <h2 class="head">Headline</h2>
    <div class="content">Some content...</div>
 ....more pairs
</div>

我需要这个:

<div id="accordion">
<div class="outer">
    <h2 class="head">Headline</h2>
    <div class="content">Some content...</div>
</div>
<div class="outer">
    <h2 class="head">Headline</h2>
    <div class="content">Some content...</div>
</div>
...more pairs
</div>

我以为这会做的工作:

$('.head').before('<div class="outer">');
$('.content').after('</div>'); 

...但它在每个标题之前插入已经关闭的div.有人可以帮忙吗？

Answer 1

您只能使用before()和等方法插入整个元素after().

实现你想要的东西的一种方法是在每个/ pair 上调用wrapAll(),使用类似nextUntil()来匹配对:<h2><div>

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