字符串模板拼接中添加点击事件并且传参

最新推荐文章于 2023-11-03 16:51:13 发布

原创最新推荐文章于 2023-11-03 16:51:13 发布 · 3.9k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #jquery

收录于

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

此博客介绍了如何使用jQuery实现网页头部导航栏的动态切换功能，并详细展示了利用JavaScript处理点击事件的方法。通过con数组操作，实现在不同列表项上添加点击事件，以便跳转到相应的详情页。

$(function () {
  var con = record.jg_list;
  var html = "";
  $.each(con, function (k, v) {
    if (k == 0) {
      html += `<li class="active" onclick="btnDetail(${v.jg_id})">${con[k].jg_name}</li>`
    }else{
      html += `<li onclick="btnDetail(${v.jg_id})">${con[k].jg_name}</li>`
    }
  });
  $(".head_nav").append(html);

  window.btnDetail=(e)=>{
    console.log(e);
  }
})