如何找到名为div的特定类并在其下放置另一个名为div的类

时间:2018-10-04 18:10:36

标签: javascript jquery html css

例如,我有四个不同的div,其类别分别为“ A类,B类,C类,D类” 并且还有另一个类名E类,所有具有这些类名的div都在屏幕的不同部分上,现在我想找到A类,而在A类下面想放置另一个A类,如何使其成为可能

在html中看起来像这样

for i, row in enumerate(orders):
#print the i index with the value which is stored in cell 12
#this isn't working...
    print(orders[i][12])

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

您使用jquery的insertAfter()

$(function() {
  $('.E').insertAfter($(".A"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="another_class">
  <div class="A">a</div>
  <div class="B">b</div>
  <div class="C">c</div>
  <div class="D">d</div>
</div>

<div class="E">e</div>
<!-- want to position this below class A -->