javascript - 最后使用 jQuery 获取并追加元素

Question

我有一个类为 .carousel-inner 的 div 父元素。在这个父 div 中，有一些子元素。我想获取它的第二个(子)元素并最后附加该元素。我正在获取并附加这样的第二个元素。

var a = $(".carousel-inner").children()[1];
$(".carousel-inner").append(a);

现在当我追加这个元素时，它从第二个位置删除这个元素并追加到最后。我也想将此元素保留在第二个位置。我该怎么做？

Answer 1

在找到元素后使用 clone()。并创建另一个变量

var a = $(".carousel-inner").children()[1],
    b = $(a).clone();
$(".carousel-inner").append(b);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="carousel-inner">
    <div class="child">
    a
    </div>
      <div class="child">
    this clones
    </div>
      <div class="child">
    c
    </div>
</div>

或者像这样在追加之前克隆元素:

var a = $(".carousel-inner").children()[1]
$(a).clone().appendTo('.carousel-inner');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="carousel-inner">
    <div class="child">
    a
    </div>
      <div class="child">
    this clones
    </div>
      <div class="child">
    c
    </div>
</div>