当前位置：首页 → 问答吧 → 如何实现循环动态添加。

如何实现循环动态添加。

时间：2011-10-18

来源：互联网

某个页面，

最外层DIV，div下有一个ul，ul下的li中是图片。

从数据库读取了500条数据，包括图片地址，图片简介。

需要给DIV中添加30张图片，如何实现动态循环添加li。

高手勿喷。

作者: AaronSL 发布时间: 2011-10-18

什么编程语言先。。。

作者: bear63 发布时间: 2011-10-18

引用 1 楼 bear63 的回复:

什么编程语言先。。。

.net C#

作者: AaronSL 发布时间: 2011-10-18

引用 1 楼 bear63 的回复:

什么编程语言先。。。

前端用JS

作者: AaronSL 发布时间: 2011-10-18

HTML code


<div id="d1">
        <ul id="u1">
        </ul>
    </div>

JScript code


var images = ['1.bmp','1.bmp','1.bmp','1.bmp','1.bmp','1.bmp','1.bmp','1.bmp'],
        content = "";
    
    for (var i = 0, j = images.length; i < j; i++){    
        content += "<li><img src=" + images[i] + " /></li>";
    }    
    
    document.getElementById("u1").innerHTML = content;

作者: liangws 发布时间: 2011-10-18

引用 4 楼 liangws 的回复:

HTML code

<div id="d1">
<ul id="u1">
</ul>
</div>

JScript code

var images = ['1.bmp','1.bmp','1.bmp','1.bmp','1.bmp','1.bmp','1.bmp','1.bmp'],
content = "";

……

不大明白一个问题，后台读取的数据，是list，怎么把他赋值给var images=[],

作者: AaronSL 发布时间: 2011-10-18

引用 5 楼 aaronsl 的回复:

引用 4 楼 liangws 的回复:

HTML code

<div id="d1">
<ul id="u1">
</ul>
</div>

JScript code

var images = ['1.bmp','1.bmp','1.bmp','1.bmp','1.bmp','1.bmp','1.bmp','1.bmp'],
content = "";

………

你返回的list是什么结构？json?

作者: liangws 发布时间: 2011-10-18

引用 6 楼 liangws 的回复:

引用 5 楼 aaronsl 的回复:

引用 4 楼 liangws 的回复:

HTML code

<div id="d1">
<ul id="u1">
</ul>
</div>

JScript code

var images = ['1.bmp','1.bmp','1.bmp','1.bmp','1.bmp','1.bmp','1.bmp','1.bmp……

泛型的。您之前的方法确实好用。先谢谢！

作者: AaronSL 发布时间: 2011-10-18

如何实现循环动态添加。

热门阅读

热门下载