map 迭代，如何使用 map 函数每次只获取一项 jquery

Question

我对使用 $.map 通过 json 数据进行迭代有疑问在下面你可以看到我的代码，我的目标是每次迭代只附加 1 个标题（1 项第 1 个标题；2 个标题第 2 个title; 等等）但是现在我得到了所有这些，当我使用 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);
    });
 });
});

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

map 迭代，如何使用 map 函数每次只获取一项 jquery

map iteration, how to get only one item per time with map function jquery

javascript

jquery

loops

iteration

map-function