如何使用jquery根據給定數字注入html元素？

Question

我正在使用jquery獲取父div中的子元素數。

$('#slideshow > div').size()

然后使用append() ，我想將#slideshow的div元素數量注入另一個名為.mainImageBrowserTabButtonWrapper div中。

任何幫助，將不勝感激。

編輯

我意識到我最初的問題並不能很好地描述我想要的東西。

可以說我#slideshow的元素#slideshow為3。然后我想將其他3個div注入.mainImageBrowserTabButtonWrapper

Answer 1

您可以克隆元素。

$("#slideshow > div").clone().appendTo(".mainImageBrowserTabButtonWrapper");

或者，如果您希望使用全新的空元素，則可以使用循環。

for (var i = 0; i < $("#slideshow > div").length; i++)
    $(".mainImageBrowserTabButtonWrapper").append("<div />");

Answer 2

$('.mainImageBrowserTabButtonWrapper').text(  $('#slideshow > div').size() )

Answer 3

您可以單獨存儲計數，並將其追加到下一個調用中：

var count = $("#slideshow > div").size();
$(".mainImageBrowserTabButtonWrapper").text( "Count: " + count );

注意：這僅顯示計數，不會克隆div。