问题描述

用load进行页面的跳转，代码块是通过``进行插入，这时候如何判断点击的是哪一个information

问题出现的环境背景及自己尝试过哪些方法

尝试用数组获得所有的information，但是如何判断数组的具体值，是否和点击的代码块相对应。
或者是给代码块information添加一个id。

相关代码

//获取推荐歌曲
$.ajax({
  type: "get",
  url: "http://118.24.25.7:3000/top/playlist/highquality", //请求地址
  data: {
    limit: 10,
  },
  dataType: "json", 
  success: function (data) {
    var List = data.playlists;
    var infor = new Array();
    for (var i = 0; i < List.length; i++) {
      var Lists = List[i];
      var listsName = Lists.name;
      var url = Lists.coverImgUrl;
      // 转为以万为单位
      var playCount = parseInt((Lists.playCount/10000) * 100 / 100);
      var information = `
      <div class="musiclist_content_block">
        <div class="musiclist_block_img">
            ![](${url})
            <div class="musiclist_back">
                ![](./img/headset.png)
                <span class="headset_num">${playCount+'万'}</span>
            </div>
        </div>
        <div class="musiclist_block_title">
            <span class="musiclist_block_infor" id="musiclist_block_infor">
                ${listsName}
            </span>
        </div>
      </div>
        `;
      $("#recommend_musiclist_content").append(information);
      infor[i] = information;
    }
    console.log(infor);
  
    $("#recommend_musiclist_content").click(function(){
        //Q：如何判断点击的是哪一个
        if(infor[0]){
          $('#nav_contain').load('./musicList.html');
        }
    })
  },
});

你期待的结果是什么？实际看到的错误信息又是什么？

希望给个思路，或者是看看判断哪错了

你都用jquery了，直接 $(this).index()。

然后还有 data-* 的方案