Arrays JSON:指向数组项的链接

Arrays JSON:指向数组项的链接,arrays,json,Arrays,Json,我的JSON: [{"status":"success","id":1,"title":"title1","content":"test"}, {"status":"success","id":2,"title":"title2","content":"test2"}, {"status":"success","id":3,"title":"title3","content":"test3"}, {"status":"success","id":4,"title":"title4","conte

我的JSON:

[{"status":"success","id":1,"title":"title1","content":"test"},
{"status":"success","id":2,"title":"title2","content":"test2"},
{"status":"success","id":3,"title":"title3","content":"test3"},
{"status":"success","id":4,"title":"title4","content":"test4"}]
我的Ajax请求中包含以下成功函数:

function(response){

    response.forEach(function(data) {

 $('#suche').append('<li id="post_id_' + data.id + '" ><a href="#detailedpost" class="item-link item-content"><div class="item-inner"><div class="item-title">' + data.title + '</div></div></a></li>');

    })//foreach end

 }

如何为该ID分配正确的内容“test3”?

假设您发布的是
response

[{"status":"success","id":1,"title":"title1","content":"test"},
{"status":"success","id":2,"title":"title2","content":"test2"},
{"status":"success","id":3,"title":"title3","content":"test3"},
{"status":"success","id":4,"title":"title4","content":"test4"}];
当您单击每个元素时,下面的代码应该显示与它关联的内容

function(response){
   response.forEach(function(data) {

       $('#suche').append('<li id="post_id_' + data.id + '" ><a href="#detailedpost" class="item-link item-content"><div class="item-inner"><div class="item-title">' + data.title + '</div></div></a></li>');

       $(document).on('click', '#post_id_'  + data.id, function(){
           $('#postcontent').html(data.content);   //replace content instead of appending
       });
   })//foreach end
}
功能(响应){
response.forEach(函数(数据){
$(“#suche”).append(“
  • ”); $(document).on('click','#post_id_'+data.id,function()){ $('#postcontent').html(data.content);//替换内容而不是追加 }); })//前端 }
    你发布的代码有什么问题?我得到了错误的内容你得到了哪一个?
    数据
    的内容是什么?您是否将单击处理程序代码放入了
    .forEach
    块中?事实上,我觉得还可以。你遇到了什么样的问题?是的,但我得到了所有项目的结果
    function(response){
       response.forEach(function(data) {
    
           $('#suche').append('<li id="post_id_' + data.id + '" ><a href="#detailedpost" class="item-link item-content"><div class="item-inner"><div class="item-title">' + data.title + '</div></div></a></li>');
    
           $(document).on('click', '#post_id_'  + data.id, function(){
               $('#postcontent').html(data.content);   //replace content instead of appending
           });
       })//foreach end
    }