jQuery每个Json对象 [英] Jquery Each Json Object

问题描述

我有一个返回给我以下json的服务的结果集

I have a result set returning from a service that gives me the following json

{
    "ThreadCount":61,
    "GroupList":[
        {"userName":"KLT","count":2687},
        {"userName":"KCameron","count":718},
        {"userName":"IRG","count":156},{"userName":"JLB","count":123},{"userName":"HML","count":121},{"userName":"SMN","count":99},{"userName":"TBridges","count":68},{"userName":"ARF","count":65},{"userName":"MarkGreenway","count":61},{"userName":"SMC","count":55},{"userName":"EMD","count":52},{"userName":"PKP","count":41},{"userName":"KBounds","count":36},{"userName":"MAN","count":33},{"userName":"LAC","count":17},{"userName":"EPS","count":17},{"userName":"CAN","count":7},{"userName":"MAJ","count":3},{"userName":"CPC","count":2}]
}

我想使用Jquery(或javascript将threadCount放在一个div中，并将用户名和复数添加到表中

I want to use Jquery (or javascript to put the threadCount in one div and add the usernames and counds to a Table

success: function(result) {
    $("#Unfiled").html(result.ThreadCount);
    $.each(result.GroupList, function(user) {
        $('#myTable > tbody').append(
            '<tr><td>'
            + user.userName
            + '</td><td>'
            + user.count +
            '</td></tr>'
        );
    });
}

由于某种原因，我的桌子上什么都没得到...

For some reason I am not getting anything in my table...

顺便说一下我的HTML在这里:

By the way my HTML is here :

 <table>
    <tr>
        <td>
            Unfiled Emails:
        </td>
        <td id="Unfiled">
            -1
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <table id="myTable" border="2" cellpadding="3" cellspacing="3">
            </table>
        </td>
    </tr>
</table>

我知道我缺少一些简单的东西...

I know i am missing something simple...

非常感谢您的帮助

推荐答案

在提供给each的函数中，this引用当前元素.试试这个:

Inside the function provided to each, this refers to the current element. Try this:

$.each(result.GroupList, function() {
    $('#myTable > tbody').append(
        '<tr><td>'
        + this.userName
        + '</td><td>'
        + this.count +
        '</td></tr>'
    );
});

如果这对您不起作用，则可能与以下原因有关:$('#myTable > tbody')，考虑到没有tbody元素.我相信Internet Explorer会自动创建一个，而其他浏览器不会.检查 $.support.tbody 以查看浏览器是否为您执行此操作.

If that doesn't work for you, it may have something to do with this: $('#myTable > tbody'), considering that there is no tbody element. I believe that Internet Explorer will automatically create one but the other browsers won't. Check $.support.tbody to see if the browser does that for you.

这篇关于jQuery每个Json对象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！