4

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

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

在这里,我将 span userCount命名为:

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

我正在尝试编写跨度的值,但没有成功。

$(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();
    });
});
4

6 回答 6

14

你没有任何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);
    });
于 2012-11-01T08:23:39.187 回答
4

使用.html()

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

由于您已将 分配id给,您可以在和 函数的帮助下span轻松填充。spanid.html()

$("#userCount").html(5000);

或者在你的情况下:

$("#userCount").html(countUsers.toString());
于 2012-11-01T08:23:46.083 回答
1

改变:

userCount.innerHTML = countUsers.toString();

到:

$("#userCount").html(countUsers.toString());
于 2012-11-01T08:24:25.253 回答
1

代替:

userCount.innerHTML = countUsers.toString();

采用:

$('#userCount').html(countUsers.toString());
于 2012-11-01T08:27:02.743 回答
0

你可以使用

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

将数据写入 span

于 2012-11-01T08:25:32.633 回答
0

回调参数应该是dataSet而不是dataset

于 2012-11-01T08:27:50.487 回答