javascript - insertBefore 正在复制内容

Question

https://jsfiddle.net/072uwd1k/

我正在尝试更改要放置在文本上方的数字位置，使用 insertBefore 就是这样做的，但它会复制其中的 div 数量。

<div class="box-wrap">
  <div class="box">
    <p class="text">ABC</p>
    <p class="num">123</p>
  </div>

  <div class="box">
    <p class="text">ABC</p>
    <p class="num">123</p>
  </div>
</div>

$('.num').insertBefore('.text');

Answer 1

虽然你有更多的类 num 你需要使用 .each() 和 .prev() 来获取前一个 .text 元素

$('.num').each(function(){
  $(this).insertBefore($(this).prev('.text'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="box-wrap">
  <div class="box">
    <p class="text">ABC</p>
    <p class="num">123</p>
  </div>

  <div class="box">
    <p class="text">ABC</p>
    <p class="num">123</p>
  </div>
</div>

So what you need is .each() to loop through .num elements .. $(this) to get spacific .num element and $(this).prev('.text') to select the previous .text