1

有人能帮我吗。我想把这段代码写得更好更短。那么我该如何写这个更短更好的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>');
});
4

3 回答 3

4

一点原始的 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/

注意：输入的数字比写出的次数多 1 11。new Array(11)

于 2013-02-20T02:48:17.393 回答
4

也许有一个循环？

$("#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 应该有某种名称。我不确定你要做什么，所以我不确定它会被命名为什么。

于 2013-02-20T02:45:32.993 回答
-1

使用循环、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>');

    }

});
于 2013-02-20T02:47:26.240 回答