代码之家  ›  专栏  ›  技术社区  ›  laurence keith albano

如何使用Jquery在父类内添加子父类

  •  0
  • laurence keith albano  · 技术社区  · 1 年前

    您好,我想使用jQuery将子父类添加到父类中。

    $('.my-parent').wrap('<div class="my-sub-parent"></div>');
    <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>

    但这一个将类插入到我父母之外,而不是内部。

    <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>
    

    1 回复  |  直到 1 年前
        1
  •  1
  •   Mina    1 年前

    你需要 wrapInner

    $('.my-parent').wrapInner('<div class="my-sub-parent"></div>');
    <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>

    获取更多资源。

    https://api.jquery.com/wrapinner/