javascript - 我如何使用 jQuery 编写更短的代码？

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>');
    }
});

最好不要使用魔数(Magic Number)； 10 应该有某种名称。我不确定您要做什么，所以我不确定它会被命名为什么。