最後使用jQuery獲取並追加元素

我有一個帶父類的.carousel-inner元素。在這個父div中，有一些子元素。我想取第二個（子元素）元素並最後追加這個元素。我得到並追加這樣的第二個元素。最後使用jQuery獲取並追加元素

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

現在，當我追加這個元素時，它從第二個位置移除這個元素，並在最後追加。我想保持這個元素的第二個位置。我該怎麼做？

來源

2016-09-22 Umair Jameel

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

來源

2016-09-22 12:34:48

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

很高興我能幫上忙。：d –

你能告訴我，如何在開始時追加？ –

使用.clone()

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

來源

2016-09-22 12:26:22 RobertMulders

它給出了一個錯誤，克隆不是一個函數。 –

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

使用clone(); 。

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

來源

2016-09-22 12:26:36

它給出了一個錯誤，克隆不是一個函數。 –

已更新，現在正在工作 –

使用克隆功能像beolw $（「P」）的clone（）appendTo（「身體」）;

來源

2016-09-22 12:30:09 madankundu

如果不是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對象上定義。

來源

2016-09-22 12:39:23

你可以這樣做。

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>

來源

2016-09-22 12:45:53 Jayababu

最後使用jQuery獲取並追加元素

回答

相關問題