我目前有以下html:
<h3 />
<p />
<p />
<ul />
<ol />
<h3 />
<p />
<p />
<ul />
<ol />
<h3 />
<p />
<p />
<ul />
<ol />
我想制作手风琴,但为此我需要以下内容:
<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>');
非常感谢任何帮助。
谢谢!
答案 0 :(得分:1)
您可以使用.nextUntil()
和.wrapAll()
选择并打包每个部分,如下所示:
$("h3").each(function() {
$(this).nextUntil("h3").wrapAll("<div />");
});
答案 1 :(得分:0)
这是一个快速的解决方案,用于将一组元素包装到一个div中:
$(function(){
var h = $('h3');
var p1 = $('h3 + p');
var p2 = $('h3 + p + p');
var ul = $('h3 + p + p + ul');
var ol = $('h3 + p + p + ul + ol');
h.each(function (i) {
var group = $(p1[i]).add(p2[i]).add(ul[i]).add(ol[i]);
var div = $('<div />').append(group);
$(h[i]).after(div);
});
});
我相信如果你提供了一些钩子,代码就会简单得多:)