创建一个<；部门>；内部a<；部门>；并在其上附加一些内容<；部门>；创建jQuery

我正在定制一个插件，该插件有自己的HTML结构。我的问题是我想把这些内容放在一个

中。我会在我的代码之后解释更多

以下是插件HTML代码：

<div class="section">
  <div class="panel">
    <h2>Test</h2>
    <div class="box">
      Content 1
    </div>
    <div class="box">
      Content 1
    </div>
    <div class="box">
      Content 1
    </div>
  </div>

  <div class="panel">
    <h2>Test 2</h2>
    <div class="box">
      Content 2
    </div>
    <div class="box">
      Content 2
    </div>
    <div class="box">
      Content 2
    </div>
  </div>

  <div class="panel">
    <h2>Test 3</h2>
    <div class="box">
      Content 3
    </div>
    <div class="box">
      Content 3
    </div>
    <div class="box">
      Content 3
    </div>
  </div>
</div>

<div class="section">
  <div class="panel">
    <h2>Test</h2>
    <div class="wrapper-box">
      <div class="box">
        Content 1
      </div>
      <div class="box">
        Content 1
      </div>
      <div class="box">
        Content 1
      </div>
    </div>
  </div>

  <div class="panel">
    <h2>Test 2</h2>
    <div class="wrapper-box">
      <div class="box">
        Content 2
      </div>
      <div class="box">
        Content 2
      </div>
      <div class="box">
        Content 2
      </div>
    </div>
  </div>

  <div class="panel">
    <h2>Test 3</h2>
    <div class="wrapper-box">
      <div class="box">
        Content 3
      </div>
      <div class="box">
        Content 3
      </div>
      <div class="box">
        Content 3
      </div>
    </div>
  </div>
</div>

---

那些

.box

元素被包装在

.wrapper box

中。我将如何使用jQuery实现这一点？我相信使用

append

很好，但我真的不知道该做什么或如何做：）非常感谢您的回答。谢谢您，先生/妈妈：）

您可以在每个

面板上迭代并使用


试验
内容1
内容1
内容1
测试2
内容2
内容2
内容2
测试3
内容3
内容3
内容3
每次你的答案和知识都让我惊讶！！：）+你真是个了不起的人。非常感谢：）你救了我。祝您度过愉快的一天先生：）请展示您迄今为止所做的尝试以及遇到的问题/错误。发布请求让用户为您编写代码被认为是不好的形式。
$('.panel').each(function(){
    $(this).find('.box').wrapAll('<div class="wrapper-box" />')
});