現在の要素のJquery属性値

Question

クリックされた要素の属性の値を検索しようとしています。すべての要素が動的に読み込まれます。

属性の値を取得できません。何が問題なのでしょうか？

<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")); 
})); 

これは私が

オブジェクトが 'attrの'

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")); 
})); 

お知らせ変化：

• 私はjQueryのdataメソッドを使用して、その値を取得していますspan
• でdata-myidを使用しています。