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

Question

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

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

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

Any对此提供帮助将不胜感激。

编辑

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

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