从数组创建 li 数据角色=列表分隔符

Create li data-role=list-divider from array

本文关键字：列表 分隔符 角色 数据 数组 创建 li      更新时间：2023-09-26

我想从数组元素创建多个列表视图，其中的项目位于不同的<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>

下面是修改后的确切代码，以构建元素的无序列表。我希望这有所帮助！

<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>

使用 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);
相关文章：