javascript - 如何使用 javascript 数组填充 html 标题？

Question

我在我的网站上设置了一个灯箱，标题看起来像这样

<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>

并且这些能够被填充。问题是我找不到用

执行此操作的文件

Answer 1

您可以设置一个 .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);
    });
});