如何使用Jquery在父类中添加子父类答案

【问题标题】：How to add a sub parent class inside the parent class using Jquery如何使用Jquery在父类中添加子父类
【发布时间】：2022-07-28 14:49:15
【问题描述】：

您好，我想使用 jQuery 向我的父类添加一个子父类。

以前我试过这个：

$('.my-parent').wrap('&lt;div class="my-sub-parent"&gt;&lt;/div&gt;');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="my-parent">
    <div class="child-items">1</div>
    <div class="child-items">2</div>
    <div class="child-items">3</div>
    <div class="child-items">4</div>
</div>

但是这个将类插入到我的父母之外，而不是里面。

我想要实现的是这样的html结构：

<div class="my-parent">
    <div class="my-sub-parent">
        <div class="child-items"></div>
        <div class="child-items"></div>
        <div class="child-items"></div>
        <div class="child-items"></div>
    </div>
</div>

这可以实现吗？任何帮助都会很棒。谢谢。

【问题讨论】：

标签： javascript html jquery

【解决方案1】：

你需要wrapInner函数。

$('.my-parent').wrapInner('&lt;div class="my-sub-parent"&gt;&lt;/div&gt;');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="my-parent">
    <div class="child-items">1</div>
    <div class="child-items">2</div>
    <div class="child-items">3</div>
    <div class="child-items">4</div>
</div>

【讨论】：