当前元素的Jquery属性值

Question

我正在尝试查找clicked元素的属性值。所有元素都是动态填充的。

我无法获得属性值。可能是什么问题？

<span title="cancel work" class="cancel" myid="111"><i class="fa fa-stop"></i> Stop work</span>

$(document).on('click','.cancel',(function(){
    alert(this.attr("myid"));
}));

这是我收到的错误消息

  

对象不支持属性或方法＆＃39; attr＆＃39;

Answer 1

myid不是有效的HTML属性。大多数约定通过实现data属性来使用这样的自定义属性。例如，data-myid

<span title="cancel work" class="cancel" data-myid="111"><i class="fa fa-stop"></i> Stop work</span>

$(document).on('click','.cancel',(function(){
  alert($(this).data("myid"));
}));

请注意更改：

• 我在data-myid
中使用span
• 我通过使用jQuery的data方法获得了它的价值。