在循环中的每个项目上保存ID,以便将其用作超链接,jQuery

时间:2019-03-17 18:48:00

标签: javascript jquery html

我正在从以下代码生成列表中的项目。为了使其正确显示,我需要创建一个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);
  }
});

1 个答案:

答案 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/更改为正确的路径即可。