javascript - map 迭代，如何使用 map 函数jquery每次只获得一个项目

Question

我对使用 $.map 通过 json 数据进行迭代有疑问在下面你可以看到我的代码，我的目标是每次迭代只附加 1 个标题(1 项第 1 个标题；2 个标题第 2 个标题; 等等)但是现在我得到了所有这些，当我使用 return $('.card-title').append(post.title[i]); 我收到了每个人的来信item，请问有人能帮我出出主意吗，谢谢。

$(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);
    });
 });
});

Answer 1

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

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

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

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