JavaScript-a tag Onlick event gets the current Data-name

Reply content:

Example code: http://codepen.io/hj624608494 ...

The problem occurs in this point of this that always points to the object when the function executes.

function choose(){  alert($(this).data('name'));  // undefind 因为choose函数的this指向的是window}function choose2(){  $('#J_a').click(function(){    // 这个点击事件的匿名函数的this 指向的是 $('#J_a') 这个对象    alert($(this).data('name'));  })}choose2()

Bind the event when this is passed in, onclick= "choose (This)"

function choose (x) {

alert(x.getAttribute("data-name"))

}

$ (this). attr (' Data-name ');

Get Property-attr ()
The JQuery attr () method is used to get the property value.

$ (' #toy '). attr (' Data-name ');

