我有一個帶父類的.carousel-inner元素。在這個父div中,有一些子元素。我想取第二個(子元素)元素並最後追加這個元素。我得到並追加這樣的第二個元素。最後使用jQuery獲取並追加元素
var a = $(".carousel-inner").children()[1];
$(".carousel-inner").append(a);
現在,當我追加這個元素時,它從第二個位置移除這個元素,並在最後追加。我想保持這個元素的第二個位置。我該怎麼做?
我有一個帶父類的.carousel-inner元素。在這個父div中,有一些子元素。我想取第二個(子元素)元素並最後追加這個元素。我得到並追加這樣的第二個元素。最後使用jQuery獲取並追加元素
var a = $(".carousel-inner").children()[1];
$(".carousel-inner").append(a);
現在,當我追加這個元素時,它從第二個位置移除這個元素,並在最後追加。我想保持這個元素的第二個位置。我該怎麼做?
使用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);
它給出了一個錯誤,克隆不是一個函數。 –
已更新,現在正在工作 –
克隆是爲了實現你想要的好辦法:
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>
使用的clone()作爲我的回答如下。讓我知道它是否有幫助 –