需要使用jquery将h3和div包装在包装器div中 | 需要使用jquery将h3和div包装在包装器div中

本文介绍了需要使用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，所以最终输出如下：

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"/>');
});

查看API：

nextUntil
andSelf
wrapAll

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