如何解决需要用jquery将h3和div包装在包装器div中
|| 我有以下HTML:<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>
我需要通过jQuery进行的操作是将h3 \和div \分别包装在另一个div class = \“ myDiv \”中,因此最终输出如下所示:
<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?
解决方法
这样的事情应该做到:
$(\'.accordion h3\').each(function() {
$(this).nextUntil(\'h3\').andSelf().wrapAll(\'<div class=\"myDiv\"/>\');
});
jsFiddle示例
请参阅API:
nextUntil
andSelf
wrapAll
,尝试这个:
$(\"h3\").each(function(){
$(this).next(\"div\").andSelf().wrapAll(\"<div class=\'myDiv\'></div>\");
});
http://jsfiddle.net/BSQpf/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。