1

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

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

这些能够被填充。问题是我找不到我这样做的文件

4

2 回答 2

2

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

该代码只是一个指导，因此请根据您的需要进行调整。

于 2013-09-23T15:50:50.140 回答
2

您可以设置一个.json文件并遍历它以设置标题：

JSON：

{
    titles: [
        { title : 'some title' },
        { title : 'some other title' }
    ]
}

然后运行 ​​a$.getJSON并迭代结果：

$.getJSON("titles.json", function(data) {
    $(".Container").children("a").each(function(index) {
        $(this).attr("title", data.titles[index].title);
    });
});
于 2013-09-23T15:51:07.740 回答