javascript - Javascript循环/增加值高达55的html代码

Question

我需要在静态（.html）页面中自动创建一个链接列表，有没有办法使用 JavaScript 来做到这一点。我厌倦了一些脚本，但无法解决。

这是我的html...

<a href="1.html"><img src="images/1.jpg" width="119" height="121" alt="" /></a>

这就是我希望脚本生成 55 次的内容......

<a href="1.html"><img src="images/1.jpg" width="119" height="121" alt="" /></a>
<a href="2.html"><img src="images/2.jpg" width="119" height="121" alt="" /></a>
<a href="3.html"><img src="images/3.jpg" width="119" height="121" alt="" /></a>

...等等，叫我懒惰，但任何帮助将不胜感激:)

Answer 1

这应该可以解决问题：

<div id="links">
</div>

<script>
var strLinks = '';

for (var i = 1; i <= 55; i++) {
    strLinks += '<a href="'+ i +'.html"><img src="images/'+ i +'.jpg" width="119" height="121" alt="" /></a>';
}

document.getElementById("links").innerHTML = strLinks;
</script>

JS 小提琴示例：http: //jsfiddle.net/RWUdG/2/

编辑：哎呀，错过了一个报价。固定的。

Answer 2

这也可以工作。

<div id="imgs">
</div>

<script>
var i = 55; while (i--) {document.getElementById("imgs").innerHTML += '<a href='+ i +'.html"><img src="images/'+ i +'.jpg" width="119" height="121" alt="" /></a>';}
</script>

http://jsfiddle.net/T2c3G/

Answer 3

如果你的锚标签包含在一个 div 中，你可以这样做：

$(document).ready(function(){
var linksHtml = "";
for(var i = 1; i <= 55; i++){
    linksHtml += '<a href="'+(i)+'.html"><img src="images/'+(i)+'.jpg" width="119" height="121" alt="" /></a>';
}
$("#linksDiv").html(linksHtml);
});