我正在从以下代码生成列表中的项目。为了使其正确显示,我需要创建一个html字符串。此列表中的每个项目都应该成为您单击它的超链接,它会在页面上重新加载新数据,因此我需要在每个项目上保存ID,以便检索该项目的正确数据 对我来说,做自己想完成的最好的方法是什么?
$(r.campuses).each(function(index, item) {
if (item.campusID != 55) {
var HTMLcontent = '<div class="ml-32 mt-16 mb"><a class="other-school"><label class="other-schools-list">' +
item.campusName + '</label></a><br /></div>';
$('.group').append(HTMLcontent);
}
});
答案 0 :(得分:1)
我不确定这是否是您所需要的,但看起来您想将item.campusID
放在href
元素的a
属性中。
在代码中添加点击侦听器以处理用户点击链接的情况。
您可以这样做:
$(r.campuses).each(function(index, item) {
if (item.campusID != 55) {
var HTMLcontent = '<div class="ml-32 mt-16 mb"><a href="path/to/your/' + item.campusID + '" class="other-school"><label class="other-schools-list">' + item.campusName + '</label></a><br /></div>';
$(HTMLcontent).on('click', function() {
window.location.href = window.location.href + "?id=" + item.campusID;
});
$('.group').append(HTMLcontent);
}
});
只需将path/to/your/
更改为正确的路径即可。