这是一个很普通的小功能,多个相同的类选择器点击获取ID的值,这个需求的来源是我想通过点击修改弹出一个窗口出来,而不想要那种跳转的。而我设置的ID的值正是这个记录的id值,通过id就能查询出该条数据,从而进行修改操作,如下图所示

image.png

下面是详细的代码,这里我引进了layer


 <button type="button" id="{$vo.id}" class="btn btn-w-m btn-info editwx">修改</button>
 <script type="text/javascript">
   $('.editwx').on('click', function(e){
    var v_id = $(e.target).attr('id');
     alert(v_id);
     layer.open({
     type: 1,
     area: ['600px', '360px'],
     shadeClose: true, //点击遮罩关闭
     content: '\<\div style="padding:20px;">内容区域\<\/div>'
     });
   });
   </script>