我在我的网站上设置了一个灯箱,标题看起来像这样
<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>
并且这些能够被填充。问题是我找不到用
执行此操作的文件最佳答案
您可以设置一个 .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);
});
});
关于javascript - 如何使用 javascript 数组填充 html 标题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18963499/