jq动态生成的元素(标签)添加点击事件

1.在dataTable表格中根据传来的数据动态生成a标签
Columns:最后一列

js部分:
<script>
var ListTable = loadDataTable({
{},
{},
...
 {
   data: "orderId", width: "25%", render: function (data, type, row) {
   if(row.data=='1' ){
        return '<a id="test" href="javascript:;" data-setX="2" data-setY="'+data+'">'+'确认'+'</a>';
    }   
  }
 });
 ...
 </script>

2.在前台页面审查元素看到的a标签是

<a id="test" href="javascript" data-setX="2" data-setY=""></a>

这里ajax传来的数据用bootstrap自定义属性”data-XXX”来获取赋值，所以想在后台通过jq来获取data-XXX得到的值 :

$(document).on("click","#test",function(){
    var value1 = $(this).data("setX");
    var value2 = $(this).data("setY");
    //value1 = 1;
});

该绑定方法因为父级元素范围过大容易造成事件冒泡(点击子元素会也点击了父元素的变化),所以直接定义function,在元素中绑定οnclick=”“事件也可以
上面的data-setX中”setX”就是自定义的属性，可以在js中获取到,但获取时需要区分大小写，而且会因为缓存原因数据不能及时刷新。