Javascript 显示最后一个对象的jQuery

我的控制台中有一个输出，如下所示，但是我的代码只显示最后一个对象，为什么

通缉令：

一二三

控制台：

代码：

更新代码：

.html每次运行时都会覆盖$'title'

你应该把它们加入缓冲区。浓缩字符串并一次性将浓缩字符串发送到.html

这应该可以工作

$(document).ready(function () {
    var url = "assets/js/data.json";
    var txt = "";
    $.getJSON(url, function (data) {
        $.each(data, function (author, data) {
            txt += data.title;
            $('#title').html(txt);
            console.log(data);
        }); //Each Close
    }); //JSON Close
}); //Ready function closed

---

据我所知，您使用的$'title'是DOM对象的id。 每次运行循环时，它都会被替换。 因此，将显示循环的最后一个部分，即三个

如果要更改，请每次使用类并添加到父对象

或者附加它

$('#title').html('');
$.getJSON(url,function(data){
    $.each(data, function(author, data){
        $('#title').html($('#title').html() + ' ' + data.title);

        console.log(data);

    });//Each Close
});

---

你能添加一把小提琴来显示你的问题吗？@Mritunjay现在确实可以了。你正在使用html来替换数据。。请尝试添加谢谢，我使用了您的示例-请参阅问题我已使用代码对其进行了更新，但是循环外的.html没有显示html。控制台很好谢谢-我可以获得三个标题和正文，但只有一个作者：

$(document).ready(function(){

    var url     = "assets/js/data.json";
    var author  = "";
    var title   = "";
    var body    = "";


    $.getJSON(url,function(data){
        $.each(data, function(author, data){
            author += data.author;
            title  += data.title;
            body   += data.body;

            console.log(data);

        });//Each Close
    });//JSON Close

    $('#author').html(author);
    $('#title').html(title);
    $('#body').html(body);


});//Ready function closed

<div id="title"></div>
<div id="author"></div>
<div id="body"></div>

$(document).ready(function () {
    var url = "assets/js/data.json";
    var txt = "";
    $.getJSON(url, function (data) {
        $.each(data, function (author, data) {
            txt += data.title;
            $('#title').html(txt);
            console.log(data);
        }); //Each Close
    }); //JSON Close
}); //Ready function closed

$('#title').html('');
$.getJSON(url,function(data){
    $.each(data, function(author, data){
        $('#title').html($('#title').html() + ' ' + data.title);

        console.log(data);

    });//Each Close
});