我正在尝试构建一个通用列表,以便在我的页面加载时显示。
该列表应显示我的数据库中列出的用户数量,并显示当时分配给他们的估值数量。看下面的图片看看我想要的是什么。
我按以下方式构建此列表:
<ul class="menu" style="float: left;">
<li class="item1"><a href="#" class="">Valuations<span>4</span></a>
<ul style="display: block; ">
</ul>
</li>
<li class="item2"><a href="#" class="">Users<span id = "userCount"></span></a>
<ul id = "UserList" style="display: none; ">
<li class="subitem1"><a href="#">User Name<span>3</span></a></li>
<li class="subitem1"><a href="#">User Name<span>1</span></a></li>
</ul>
</li>
</ul>
底部Class =“item2”是应该列出用户的位置。目前有2个链接显示用户名。
我想构建通用代码,为我的数据库中列出的每个用户创建一个链接。
我目前有jQuery代码循环通过我的数据库中的条目,并在数据库条目中为我的变量名称分配用户的值。
修改
我想在此for循环中添加代码以添加指向我的列表的链接:
$(document).ready(function () {
$.post("Dashboard/UsersGet", {}, function (dataSet) {
var obj = jQuery.parseJSON(dataSet);
var table = obj.Table;
var countUsers = 0;
for (var i = 0, len = table.length; i < len; i++) {
var array = table[i];
if (array.Active == 1) {
var name = array.Name; //Here i get the name of the user and would like to create an entry to the user list.
UserList.Items.add(<li class="subitem1"><a href="#">name<span>3</span></a></li> );
countUsers = countUsers + 1;
}
}
$('#userCount').html(countUsers.toString());
});
});
答案 0 :(得分:2)
lis = '';
for (var i = 0, len = table.length; i < len; i++) {
var array = table[i];
if (array.Active == 1) {
var name = array.Name; //Here i get the name of the user and would like to create an entry to the user list.
lis += '<li class="subitem1"><a href="#">'+name+'<span>3</span></a></li>';
countUsers = countUsers + 1;
}
}
$("#UserList").html(lis);
我在原始代码中没有看到数字3的来源,所以我只是在这里硬编码。你应该可以用你用来获取数字的任何东西替换它。