Question

我想从数组元素中创建多个列表视图，其中的项目位于不同的<li>，类似于<li>。有人可以帮我吗？

<script type="text/javascript"> 
jQuery(function() { 
    var container = jQuery('#container'); 
    for(i=0; i<10; i++) 
    { 
        var div = jQuery('<div id="div'+i+'">test</div>'); 
        div.hide(); 
        container.append(div); 
        div.fadeIn("slow"); 
    } 
}); 
</script>

Answer 1

这是您修改的确切代码，用于构建无序的元素列表。我希望这有点帮助！

<script type="text/javascript"> 
    jQuery(document).ready(function(){
    var theList = jQuery('#yourUL'); 
    for(i=0; i<10; i++) 
    { 
        var div = jQuery('<li id="item'+i+'">test</li>'); 
        div.hide(); 
        list.append(div); 
        div.fadeIn("slow"); 
    }   
})
</script>

Answer 2

使用jQuery创建无序列表的一种方法：

var $container = $('#container');
var $ul = $('<ul/>').attr('id', 'myList');

for(i=0; i<10; i++) 
{
   $ul.append('<li/>')
      .attr('id', 'li_' + i)
      .text('Some Text');
}

$ul.appendTo($container);

从数组创建li data-role = list-divider

2 个答案: