jquery - 在 jquery 中包装 Accordion 的几个元素

Question

我目前有以下 html:

<h3 />
<p />
<p />
<ul />
<ol />

<h3 />
<p />
<p />
<ul />
<ol />

<h3 />
<p />
<p />
<ul />
<ol />

我想创建一个 Accordion ，但为此我需要以下内容:

<h3 />
<div>
     <p />
     <p />
     <ul />
     <ol />
</div>

<h3 />
<div>
     <p />
     <p />
     <ul />
     <ol />
</div>

我尝试了以下方法，但不起作用:

$('.page2 .articleText p, .page2 .articleText ul').after('<div class="accordion">');
$('.page2 .articleText h4:not(:first)').before('</div>');

非常感谢任何帮助。

谢谢!

Answer 1

您可以使用.nextUntil()和 .wrapAll()选择并换行每个部分，如下所示:

$("h3").each(function() {
    $(this).nextUntil("h3").wrapAll("<div />");
});​

You can see a working demo here