需要使用jquery将h3和div包装在包装器div中 [英] need to wrap h3 and div in wrapper div with jquery

问题描述

我有以下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，所以最终输出如下：

What I need to do via jQuery is wrap each of the h3's and div's in another div class="myDiv", so the final output would look like:

<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进行此操作？

How would I do this with jquery?

推荐答案

这样做应该做到这一点：

Something like this should do it:

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

jsFiddle示例

查看API：

• nextUntil


• andSelf


• wrapAll

• nextUntil
• andSelf
• wrapAll

这篇关于需要使用jquery将h3和div包装在包装器div中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！