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

在你的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>);
});

代码只是一个指导，所以根据您的需要进行调整。

Answer 2

您可以设置.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数组填充html标题？

2 个答案: