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

问题描述：

我有一个带父类的.carousel-inner元素。在这个父div中，有一些子元素。我想取第二个（子元素）元素并最后追加这个元素。我得到并追加这样的第二个元素。最后使用jQuery获取并追加元素

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

现在，当我追加这个元素时，它从第二个位置移除这个元素，并在最后追加。我想保持这个元素的第二个位置。我该怎么做？

使用的clone（）作为我的回答如下。让我知道它是否有帮助 –

答

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

是的，它工作正常。谢谢 –

很高兴我能帮上忙。：d –

你能告诉我，如何在开始时追加？ –

答

使用.clone()

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

它给出了一个错误，克隆不是一个函数。 –

我的不好，更新了代码。 – RobertMulders

答

使用clone(); 。

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

它给出了一个错误，克隆不是一个函数。 –

已更新，现在正在工作 –

答

使用克隆功能像beolw $（ “P”）的clone（）appendTo（ “身体”）;

如果不是workng，那么您的查询问题 – madankundu

答

克隆是为了实现你想要的好办法：

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对象上定义。

答

你可以这样做。

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

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

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

相关推荐