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>

そしてリストは増え続けます。すべてのタイトルを保持する 2 番目のファイルを作成し、"titleVar" の場所に入力する方法はありますか? 今私がやっていることは、そこにタイトルを直接入れることです.タイトルがかなり長くなるため、コードは本当に面倒です.

編集：「2番目のファイル」と言うときを明確にするために、タイトル用に特別に指定された別の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 に答える