![](/img/trans.png)
[英]How can i populate 3 columns with a single array of strings (Javascript, HTML)
[英]How can I populate html titles with a javascript array?
我的网站上设置了一个灯箱,标题看起来像这样
<div class="Container" id="">
<a href="Link" title="titleVar">Cool Picture</a>
<a href="Link" title="titleVar">Cool Picture</a>
<a href="Link" title="titleVar">Cool Picture</a>
</div>
这份名单将继续增长。 有没有办法我可以有第二个文件,我保留所有的标题,他们填充“titleVar”的位置? 现在我正在做的是将标题直接放在那里,代码变得非常混乱,因为标题有时很长
编辑:澄清当我说“第二个文件”时,我指的是专门为标题指定的单独的html或xhtml列表。 我记得曾经用span标签看过类似的东西
<span>title1
title2
title3
title4
title5</span>
这些都可以填充。 问题是我找不到我这样做的文件
在您的javascript中,您可以设置一个包含所有titlevar的数组,然后执行循环,将它们全部添加到容器中。
var titilevararray = ["title1", "title2"] //all your titlevars here
$.each(titlevararray, function(i, val){
$("#Container").append('<a href="Link" title="'+val+'">Cool Picture</a>);
});
代码只是一个指导,所以根据您的需要进行调整。
您可以设置.json
文件并遍历它以设置标题:
JSON:
{
titles: [
{ title : 'some title' },
{ title : 'some other title' }
]
}
然后运行$.getJSON
并迭代结果:
$.getJSON("titles.json", function(data) {
$(".Container").children("a").each(function(index) {
$(this).attr("title", data.titles[index].title);
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.