如何根据给定的数字使用jquery注入html元素？

Question

我正在使用jquery获取父div中的子元素数。

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

然后使用append()，我想将#slideshow中的div元素数量注入另一个名为.mainImageBrowserTabButtonWrapper的div

对此有任何帮助将不胜感激。

修改

我意识到我最初的问题没有描述我想要的东西。

假设我#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。