javascript - 你如何使用 jQuery 写入跨度？

Question

我正在尝试填充 <span></span>使用 jQuery 加载页面上的元素。

目前填充到跨度中的值只是一个整数计数。

在这里，我将我的跨度命名为 userCount:

<a href="#" class="">Users<span id = "userCount"></span></a>

我试图写入 span 的值但没有成功。

$(document).ready(function () {
    $.post("Dashboard/UsersGet", {}, function (dataset) {
        var obj = jQuery.parseJSON(dataSet);
        var table = obj.Table;

        var countUsers;
        for (var i = 0, len = table.length; i < len; i++) {
            var array = table[i];
            if (array.Active == 1) {
                  var name = array.Name;
            }
            countUsers = i;
        }
        userCount.innerHTML = countUsers.toString();
    });
});

Answer 1

您没有任何 usercount 变量。使用 $(selector) 构建一个 jquery 对象，您可以在该对象上调用 html 等函数.

 $('#userCount').html(countUsers);

还要注意

• 您不需要手动将整数转换为字符串。
• 如果您不跳出循环，countUsers 将始终为 table.length-1。
• 您有错字:dataSet 而不是 dataset。 Javascript 区分大小写。
• 你不需要解析请求的结果
• 您不需要传递空数据:jQuery.post 检查所提供参数的类型

所以，如果您在循环中做其他事情，这可能是您更需要的:

    $.post("Dashboard/UsersGet", function (dataset) {
        var table = dataset.Table;
        var countUsers = table.length; // -1 ?
        // for now, the following loop is useless
        for (var i=0, i<table.length; i++) { // really no need to optimize away the table.length
            var array = table[i];
            if (array.Active == 1) { // I hope array isn't an array...
                var name = array.Name; // why ? This serves to nothing
            }
        }
        $('#userCount').html(countUsers);
    });