我如何用jQuery写这篇文章？

有人可以帮助我。我想写出更好更短的代码。那么如何编写这个jQuery代码片段越来越短？我如何用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>'); 
});

来源

2013-02-20 user2064285

您可能想接受答案。 – iambriansreed 2013-02-21 23:41:48

也许带循环？

$("#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-20 02:45:32 Collin

感谢您指出我的错误！从无意义中删除了我的答案。 +1 – Trufa 2013-02-20 02:48:36

-1二十个prepends是相当臃肿。 – iambriansreed 2013-02-20 02:55:57

-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-20 02:47:26 turnt

-1二十个prepends是相当臃肿。 – iambriansreed 2013-02-20 04:14:25

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

注：new Array(11)数量11是比将要写出的时间多1次。

来源

2013-02-20 02:48:17 iambriansreed

没有'for'循环和一个'追加'。 – iambriansreed 2013-02-20 02:54:30

我如何用jQuery写这篇文章？

回答

相关问题