javascript 在具有相同类或数据标识的两个DIV之间插入新DIV

sqxo8psd  于 2023-02-07  发布在  Java
关注(0)|答案(1)|浏览(132)

我已经为这个问题纠结了一段时间了。我的标记简化了:

<div class=row>
    <div class="testdiv" data-ident="1"></div>
    <div class="testdiv" data-ident="2"></div>
    <div class="testdiv" data-ident="3"></div>
    <div class="testdiv" data-ident="4"></div>
    <div class="testdiv" data-ident="5"></div>
    <div class="testdiv" data-ident="6"></div>
    <div class="testdiv" data-ident="7"></div>
    <div class="testdiv" data-ident="8"></div>
    <div class="testdiv" data-ident="9"></div>
</div>

我需要找到一种方法来选择文档就绪时的所有DIV:
1.有一个类:测试集和数据标识符=“XXX”
1.它们的下一个DIV也具有类名:测试格和数据标识符=“YYY”
然后我需要在它们之间插入/追加4个新的DIV 's,将它们分组,与下面的示例完全相同:

<div class=row>
    <div class="NEW DIV 1"></div>
        <div class="testdiv" data-ident="1"></div>
        <div class="NEW DIV 2">
            <div class="testdiv" data-ident="2"></div>
            <div class="testdiv" data-ident="3"></div>
        </div>
        <div class="testdiv" data-ident="4"></div>
        <div class="NEW DIV 3">
            <div class="testdiv" data-ident="5"></div>
            <div class="testdiv" data-ident="6"></div>
        </div>
        <div class="testdiv" data-ident="7"></div>
    </div>
    <div class="NEW DIV 4">
        <div class="testdiv" data-ident="8"></div>
        <div class="testdiv" data-ident="9"></div>
    </div>    
</div>

因为我不能编辑插件/源代码,我需要Java / jQuery来做这件事,但我不知道如何...

0mkxixxg

0mkxixxg1#

我用以下方法解决问题

$(document).ready( function () {
  setTimeout(function() {
   $( '[data-ident="XX"], [data-ident="YY"]' ).wrapAll( "<div class='NEW DIV'></div>" );
  }, 2000)
});

相关问题