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

【问题标题】：How do I inject html elements using jquery based on a given number?如何根据给定的数字使用 jquery 注入 html 元素？
【发布时间】：2010-01-19 16:52:45
【问题描述】：

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

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

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

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

编辑

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

假设我有 #slideshow 中的元素数量为 3。然后我想将 3 个其他 div 注入 .mainImageBrowserTabButtonWrapper

【问题讨论】：

是否要将所有 div 从#slideshow 移动到.mainImageBrowserTabButtonWrapper？还是您只想将数字写为 buttonWrapper div 中的文本？

标签： javascript jquery append code-injection

【解决方案1】：

你可以克隆元素。

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

或者，如果您更喜欢全新的空元素，您可以使用循环。

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

【讨论】：

为什么 90% 的时间解决方案都这么简单？谢谢！

【解决方案2】：

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

【讨论】：

【解决方案3】：

您可以单独存储计数并在下次调用时附加：

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

注意：这仅显示计数，不会克隆 div。

【讨论】：