jquery选择器怎么取html自定义属性里变量的值而不是整体？

Question

我动态创建的div，里面自定义html属性data-val="'+num+'",其中num是个变量，这样每次创建完之后就会生成变量值不一样的div了，如

var str="<div class='waveform-log log-"+num+"' data-val='"+num+"'>"+
  "<div class='tag1' data-val='"+num+"'>"+num+"</div>"+
   "<div class='tag2'></div>"+
   "<span class='line-add'></span>"+
   "<span class='icon-times'  data-val='"+num+"'></span>"+
   "<span class='icon-arrows-h' data-val='"+num+"'></span>"+
    "</div>";

<div class='waveform-log log-1' data-val='1'>
<div class='waveform-log log-2' data-val='2'>
<div class='waveform-log log-3' data-val='3'>……

现在想动态取每个data-val的值给每个添加事件，我用的$(".waveform-log")取的都是同样的，用 $("[data-val='"+num+"']") 也不对，求解答？

Answer 1

动态生成的时间，使用事件委托试试。
将事件绑定到父元素。

$(parentSelect).on('click','.className',function(){

alert(1)

})