Javascript 当使用$(document).on(”click“,”class“,”function(){}时,如何引用已单击的按钮?

Javascript 当使用$(document).on(”click“,”class“,”function(){}时,如何引用已单击的按钮?,javascript,jquery,html,Javascript,Jquery,Html,每个按钮都有一个data-x属性,我需要能够获取被单击的按钮。使用函数(this)不起作用,而使用console.log($(this).getAttribute(“data-x”);不起作用。我搜索了很多,但在(“click”,“class”,function()上使用没有解决方案…您可以使用jQuery内置的数据方法: $(document).on("click",".gbut",function(){ console.log(this.getAttribute("dat

每个按钮都有一个
data-x
属性,我需要能够获取被单击的按钮。使用
函数(this)
不起作用,而使用
console.log($(this).getAttribute(“data-x”);
不起作用。我搜索了很多,但在(“click”,“class”,function()上使用
没有解决方案

您可以使用jQuery内置的
数据
方法:

$(document).on("click",".gbut",function(){      
    console.log(this.getAttribute("data-X"));

请参见它是
$(this).data(“x”)或
$(this).data(“x”)
,具体取决于大小写。欢迎使用UrboyJojo。在单击处理程序函数中
将指代特定的
”。bgut
元素,注意
this
是DOM元素而不是jQuery对象。因此
this.getAttribute(“data-X”)
应该返回该属性(如果存在),或者
$(this.attr(“data-X”)
,但不是
$(this.getAttribute(“data-X”)
,因为
getAttribute()
是DOM方法,
.attr()
是jQuery方法。@nnnnnn感谢您的提示,这将在以后有用!@nnnn
this.dataset.x
将是访问数据属性的适当DOM方法。
console.log($(this).data("x"));