javascript - Json call&loop inside json call&loop with each

Question

我有两个 json 文件，其中包含该新闻的所有新闻标题和特定主题的内容(不要问我为什么)，所以我想做的是加载所有标题的 url 并在搜索之后正确内容的 ID。

它看起来像这样:

$.ajax({
    url: 'http://website.com/news.json?=list',
    dataType: 'json',
    success: function (data) {

        $.each(data.news, function (newsId, newsHeadline) {
            $('h1').after('<h2 id="question-' + newsId + '">' + newsHeadline + '</h2>');

            $.get('http://website.com/news.json?=list&id=' + newsId, function (data) {

                $('h2').after('<div class="accordion-content">' + data.result.newscontent + '</div>');

            });

        });

    }

});

到目前为止，它几乎按预期工作，它正在加载标题和加载内容之后。

问题是它正在加载每个标题的所有内容。例如，第一个 url 有 2 个标题。

所以应该是:

 Headline 1
  Content 1
 Headline 2
  Content 2

但它给了我:

 Headline 1
  Content 1
  Content 2
 Headline 2
  Content 1
  Content 2

Answer 1

您没有限定对 <h2> 的引用当你追加 $.get()处理程序。因此，内容附加到所有 <h2>元素。