jquery - 让 jQuery 执行 X 次动作

Question

好的，所以我有一个<div id="sliderButtons"></div> ，我有一个var NumberOfSlide

我想要的是append在我的 div 上： NumberOfSlide*<span>button</span>

我不知道如何让 jQuery 追加NumberOfSlide时间

示例

如果var NumberOfSlide = 3;

结果将是：

<div id="sliderButtons">
   <span>button</span>
   <span>button</span>
   <span>button</span>
</div>

我希望我说得足够清楚，以便您帮助我！

Answer 1

var contents = (new Array(NumberOfSlide + 1)).join("<span>button</span>");
$('#sliderButtons').append(contents);

在线演示：http: //jsfiddle.net/zHbVB/

PS：与其他解决方案相比，这个特定解决方案的优点（就像他们现在一样）是您创建一个字符串，然后使用.append(). 而其他解决方案（除了 adeneo的一个）建议您执行.append()多次，这通常被认为是一个坏主意。

Answer 2

$('#sliderButtons').append(function() {
    var html = $([]);
    for (var i=0; i<NumberOfSlide; i++) {
        html = html.add( $('<span />', {text : 'button'}) );
    }
    return html;
});

小提琴

Answer 3

您不需要 jQuery 来执行循环，但您可以将其用于附加：

for(var i=0; i< NumberOfSlide; i++) {
  $("#sliderButtons").append($("<span>").text("button"));
}