使用jQuery单击功能单击数据目标

Question

在加载页面时，我坚持让.click（）函数选择i数据目标属性。

Answer 1

没有jQuery：

<强> HTML

<div data-target="foo">CLICK THIS FOR FOO</div>
<div data-target="bar">CLICK THIS FOR BAR</div>
<div data-no-target="foo">NO TARGET</div>

<强>的JavaScript

var elems = document.querySelectorAll('[data-target]');
for(var i = 0; i < elems.length; i++){
    elems[i].addEventListener( 'click', function(){
        alert(this.getAttribute('data-target'));
    });    
}

JSFiddle

Answer 2

$('*[data-target="whatever"]').click(function(){

   // Whatever you want to execute after click

});

Answer 3

他也可能意味着：

$('.selector').click(function(){

   // get this data-target
   var target = $(this).data("target");

});