jQueryはdata- *属性値を取得できません。返り値は未定義です

Question

これで、jQueryを使用してdata- * valueを取得する際に問題があります。

私のHTMLコードは次のとおりです。

function deleteCurConf(id) { 
var curName = $('#' + id).data('curname'); 
console.log(curName); 
} 

しかし、コンソールログはundefinedを返します：

<button type="button" 
    class="btn btn-danger" 
    id="{{ currency.id }}" 
    data-curname="{{ currency.name }}" 
    data-toggle="modal" 
    data-target="#deleteConfirm" 
    onclick="deleteCurConf(this.id)"> 
    <span class="glyphicon glyphicon-remove"></span> 
    &nbsp;Delete 
</button> 

jQueryがあります。そして、このコードは昨日働いていたが、今日は壊れている最も興味深いものです。

<button type="button" 
    class="btn btn-danger" 
    id="{{ currency.id }}" 
    data-curname="{{ currency.name }}" 
    data-toggle="modal" 
    data-target="#deleteConfirm" 
    onclick="deleteCurConf(this)"> 
    <span class="glyphicon glyphicon-remove"></span> 
    &nbsp;Delete 
</button> 

2）関数内：関数を呼び出している間

が

は、1）だけthisの代わりthis.idを渡す：ところで、私は

Answer 1

二つの小さな変更が必要Bootstrap3や小枝を使用してい

：

function deleteCurConf(id) { 
var curName = $(id).data('curname'); // use $(id) 
console.log(curName); 
} 

Answer 2

クリーナーのやり方jQueryのは、次のようになります。

<button type="button" 
    class="btn btn-danger handleClick" // Added extra class 
    id="{{ currency.id }}" 
    data-curname="{{ currency.name }}" 
    data-toggle="modal" 
    data-target="#deleteConfirm"  
    <span class="glyphicon glyphicon-remove"></span> 
    &nbsp;Delete 
</button> 

jQueryの

$("document").on("click",".handleClick",function(evnt){ 

var curName = $(evnt.target).data('curname'); // use $(id) 
console.log(curName); 

})