首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >从数组创建li data-role=list-divider

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

Stack Overflow用户
提问于 2011-05-07 01:30:53
回答 2查看 661关注 0票数 0

我想用不同<li>中的项从数组元素创建几个列表视图,对于<li>来说就像这样。有人能帮我吗?

代码语言:javascript
复制
<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> 
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-05-07 01:40:13

下面是修改后的代码,构建了一个无序的元素列表。我希望这会有一点帮助!

代码语言:javascript
复制
<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>
票数 1
EN

Stack Overflow用户

发布于 2011-05-07 01:40:36

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

代码语言:javascript
复制
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); 
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5914937

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档