javascript - Json 对象到 Div Html

Question

这是我的 Json 数据

    [Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object]
    0: Object
        From_Id: 5
        Message: "
        ↵   did you have dinner???"
        Started_Date: "2014-07-29 11:29:41"
        To_Id: 5
        Upadted_Date: "2014-07-29 03:29:41"
    __proto__: Object
    1: Object
        From_Id: 5
        Message: "ya i did what about you???
        ↵   "
        Started_Date: "2014-07-29 11:51:41"
        To_Id: 1
        Upadted_Date: "2014-07-29 03:51:41"
    __proto__: Object
    2: Object
    3: Object
    4: Object
    5: Object
    6: Object
    7: Object
    8: Object
    9: Object
    10: Object
    11: Object
    length: 12
    __proto__: Array[0]

我想将每个 message 从对象添加到 div message_data 一个接一个...我使用了下面的代码...以便 message_data div 包含所有消息....

            var obj = eval(data);

            console.log(obj);
            $.each(obj, function (index,Object) {

                var Id = Object.Message;
                $('#message_data').html(Id).toString();
            });

但它只显示最后一个对象消息..我该如何解决这个问题？？？

注意:我在计时器函数中使用这个，所以我不能使用append，它在计时器秒后不断添加相同的内容...

Answer 1

html 函数替换目标元素内的任何内容。请改用 append 函数...

$('#message_data').append(Id);

您唯一需要做的就是用 append 函数替换 html 函数。

您甚至可以使用索引参数来访问当前枚举的值，请参见下文...

       $.each(obj, function (index,Object) {
            var msg = obj[index].message;
            $('#message_data').append(msg);
        });

JS Fiddler Example