如何使用项目计数附加dom

Question

我必须插入dom对象，其次数为$('ul').append('<li>',5); //5 times

我知道如何使用for循环，但我看起来很优雅。

Answer 1

$.each([1,2,3,4,5],function(i){$('ul').append('<li>',i+1);});

Answer 2

使用此自定义插件.duplicate()

假设您要克隆5 li的ul

HTML

<ul id="myList">
 <li> I am the Original <code>li</code> </li>
</ul>

的jQuery

$('li').duplicate(5).appendTo('#myList');

这里是如何扩展此插件的

$.fn.duplicate = function(count, cloneEvents) {
    var tmp = [];
    for ( var i = 0; i < count; i++ ) {
        $.merge( tmp, this.clone( cloneEvents ).get() );
    }
    return this.pushStack( tmp );
};

Working Demo