我如何用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寫這篇文章？

回答

相關問題