即使在将任何新div附加到其父级之后,也将div保留为其父级的最后一个子级

Question

您好我正在努力解决问题.结构如下: -

<div class="parent" >
    <div class="child1" >
    </div>
    <div class="childToBeKeptLast" >
    </div>
</div>

插入新孩子后

<div class="parent" >
      <div class="child1" >
    </div>
     <div class="child2" >
    </div>
    <div class="childToBeKeptLast" >
    </div>
</div>

因此,无论在父div中发生多少插入,我总是希望让我的孩子继续使用类"childToBeKeptLast"作为最后一个孩子.如何通过css或jquery实现这一点？

任何帮助将不胜感激......谢谢......

Answer 1

尝试.insertBefore()在这种情况下使用,

$('.child2').insertBefore('.parent .childToBeKeptLast');

所以上面的代码会在具有类的元素之前插入新的子元素,并且该元素是具有类childToBeKeptLast的元素的后代parent