如何使用JQuery获得第一个集合入口?

时间:2013-10-24 09:16:19

标签: javascript jquery arrays article

enter image description here

在类别下有很多文章。比如同一题目下的3篇文章,之后有两篇同名的文章,那么一篇。

我正在使用JQuery构建它,并且可以。拿出阵列中的每个条目。 输出如下所示:

1. Innere Unruhe, Angstgef�hle, Schlafst�rungen - ein Problem vieler Menschen
1. Innere Unruhe, Angstgef�hle, Schlafst�rungen - ein Problem vieler Menschen
1. Innere Unruhe, Angstgef�hle, Schlafst�rungen - ein Problem vieler Menschen
2. Gesunde und krankhafte Angst
2. Gesunde und krankhafte Angst

但我需要它像这个

1. Innere Unruhe, Angstgef�hle, Schlafst�rungen - ein Problem vieler Menschen
2. Gesunde und krankhafte Angst

这是我的jQuery:

var contentarticles = articles.contentarticles;
for (var i = 0; i < contentarticles.length; i++) {
    var article = contentarticles[i];
    var $articlesOutput = $([
        '<li><a href="/id=', article.id, '/step=', i+1, '">',
        article.title,
        '</li>'
    ].join(""));
    $("#articlesOutput").append($articlesOutput);
}

请帮忙!

1 个答案:

答案 0 :(得分:1)

这个简单的修改应该避免重复:

var contentarticles = articles.contentarticles,
    article,
    $out = $("#articlesOutput");
for (var i = 0; i < contentarticles.length; i++) {
    if (!article || article.title != contentarticles[i].title) {
        article = contentarticles[i];
        var articlesOutput = [
            '<li><a href="/id=', article.id, '/step=', i+1, '">',
            article.title,
            '</li>'
        ].join("");
        $out.append(articlesOutput);
    }
}