地图迭代，如何使用地图函数jquery每次只获取一项答案

【问题标题】：map iteration, how to get only one item per time with map function jquery地图迭代，如何使用地图函数jquery每次只获取一项
【发布时间】：2018-04-18 01:04:50
【问题描述】：

我对使用$.map 通过 json 数据进行迭代有疑问，您可以在下面看到我的代码，我的目标是每次迭代仅附加 1 个标题（第 1 项第 1 项；第 2 项第 2 项标题；依此类推）但正确现在我都收到了，当我使用return $('.card-title').append(post.title[i]);时，我收到了每个项目的信，有人可以帮我建议吗，谢谢。

$(document).ready(function(){
$.ajax({
    method: 'GET',
    url: 'https://jsonplaceholder.typicode.com/posts',
    dataType: 'json'
    }).done(function(data){
    console.log(data);
    $.map(data, function(post ,i){
        return $('.card-title').append(post.title);
    });
 });
});

【问题讨论】：

我看不出你的代码有什么问题：jsfiddle.net/rxnkdxeo
你从console.log(JSON.stringify(data))得到的输出是什么？
我得到了所有这些，但是当我尝试将 post.title 附加到元素时，所有项目都被附加而不是我想每次只附加 1 个项目

标签： javascript jquery loops iteration map-function

【解决方案1】：

您可以使用.eq() 引用jQuery 集合的特定索引

$(".card-title").eq(i).append(post.title);

或使用.append(function) 替换$.map()

$(".card-title").append(function(i, el) {
  return data[i].post.title
});

【讨论】：