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>

Answer 2

使用.clone()

$(a).clone().appendTo('.carousel-inner');

Answer 3

使用clone();

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

Answer 4

克隆是实现目标的好方法：

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

您收到错误，因为$(".carousel-inner").children()[1]获取DOM对象而$(".carousel-inner").children().eq(1)获取Jquery对象和clone只在jquery对象上定义。

Answer 5

使用像beolw这样的克隆功能 $（ “P”）的克隆（）appendTo（ “正文”）;

Answer 6

你也可以这样做。

＆＃13;

var a = $(".carousel-inner").children().eq(1).prop('outerHTML');
$(".carousel-inner").append(a);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="carousel-inner">
<div class"first-child">First</div>
 <div class"second-child">Second</div>
  <div class"third-child">Third</div>
  <div class"fourth-child">Fourth</div>
</div>

＆＃13;

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

6 个答案: