Jquery如何追加数组循环

Question

从这段代码中如何显示如下

div 1 = left 
div 2 = right  
div 3 = left 
div 4 = right  
...etc........

  

how如何在div中追加（左，右，左，右）

<style>.left{float:left}.right{float:right}</style>
 <script>
 $('.nextg').live('click',function(){
var messages = ["left", "right"],
messageY= messages[Math.floor(Math.random() * messages.length)];
$(document.body).append('<li class="'+messageY+'">'+messageY+'</li><br />');
});
</script>
<span class="nextg">Click view</span><div id="tupdate"></div>

Answer 1

像这样fiddle：

$('.nextg').live('click', function () {
    var messages = ['left', 'right'];
    var messageResult = function () {
        return Math.floor(Math.random() * messages.length) + 0;
    };

    for (var i = 0; i < 4; i++) {
       var messageY = messageResult()
       $('body').append('<li class="'+messages[messageY]+'">'+messages[messageY]+'</li><br />');
    };

});