Question

有人能帮助我吗？我想更好更短地编写这段代码。那么如何更短更好地编写这个jQuery代码片段呢？

$("#empty_trash").click(function() {
    $('.wardopeskab ul').prepend('<li class="underbukser"></li>');
    $('.wardopeskab ul').prepend('<li class="underbukser"></li>');
    $('.wardopeskab ul').prepend('<li class="underbukser"></li>');
    $('.wardopeskab ul').prepend('<li class="underbukser"></li>');
    $('.wardopeskab ul').prepend('<li class="underbukser"></li>');
    $('.wardopeskab ul').prepend('<li class="underbukser"></li>');
    $('.wardopeskab ul').prepend('<li class="underbukser"></li>');
    $('.wardopeskab ul').prepend('<li class="underbukser"></li>');
    $('.wardopeskab ul').prepend('<li class="underbukser"></li>');
    $('.wardopeskab ul').prepend('<li class="underbukser"></li>');
    $('.wardopeskab ul').prepend('<li class="t-shirt"></li>');
    $('.wardopeskab ul').prepend('<li class="t-shirt"></li>');
    $('.wardopeskab ul').prepend('<li class="t-shirt"></li>');
    $('.wardopeskab ul').prepend('<li class="t-shirt"></li>');
    $('.wardopeskab ul').prepend('<li class="t-shirt"></li>');
    $('.wardopeskab ul').prepend('<li class="t-shirt"></li>');
    $('.wardopeskab ul').prepend('<li class="t-shirt"></li>');
    $('.wardopeskab ul').prepend('<li class="t-shirt"></li>');
    $('.wardopeskab ul').prepend('<li class="t-shirt"></li>');
    $('.wardopeskab ul').prepend('<li class="t-shirt"></li>');
});

Answer 1

也许有一个循环？

$("#empty_trash").click(function() {
    var elem = $('.wardopeskab ul');

    for(var i = 0; i < 10; i++) {
        elem.prepend('<li class="underbukser"></li>');
    }

    for(var i = 0; i < 10; i++) {
        elem.prepend('<li class="t-shirt"></li>');
    }
});

最好不要使用幻数; 10应该有某种名称。我不确定你要做什么，所以我不确定它会被命名为什么。

Answer 2

一点原始的JavaScript力量：

$('.wardopeskab ul')
    .prepend(
        new Array(11).join('<li class="underbukser">underbukser</li>') +
        new Array(11).join('<li class="t-shirt">t-shirt</li>')
    );

小提琴：http://jsfiddle.net/8yEhE/5/

注意：11中的new Array(11)号码比写出的次数多1倍。

Answer 3

使用循环，for循环，while循环等：

$("#empty_trash").click(function () {
    while ( /* Loop Condition Here */ ) {

        $('.wardopeskab ul').prepend('<li class="underbukser"></li>');

    }
    while ( /* Loop Condition Here */ ) {

        $('.wardopeskab ul').prepend('<li class="t-shirt"></li>');

    }

});

我如何用jQuery编写这个更短的内容？

3 个答案: