javascript - 如何找到名为 div 的特定类并将其他名为 div 的类放置在其下方

Question

例如，我有四个不同的 div，类名为“A 类，B 类，C 类，D 类”，还有另一个类名 E 类，所有这些类名的 div 都在屏幕的不同部分，现在我想找到类A 级及以下 A 级想定位另一个 A 级，如何使之成为可能

在 html 中它看起来像这样

<div class="another_class">
<div class="A"></div>
<div class="B"></div>
<div class="C"></div>
<div class="D"></div>
</div>

<div class="A"></div> // this is another class A want to position this below class A

标签： javascriptjqueryhtmlcss

Answer 1

使用insertAfter方法。

var a = $('.a')[0];
var a2 = $('.a')[1];

$(a2).insertAfter($(a));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="a">A</div>
<div class="b">B</div>
<div class="c">C</div>
<div class="d">D</div>
<div class="a">A</div>