Wie bekomme ich den Datenattributwert vom Link-Tag?

Question

Ich verwende einige HTML- und jQuery-Code. Ich möchte data-name Wert von Link-Tag erhalten. Unten ist mein Link-Code, ich verwende:

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $(this).click(function(){ 

    console.log($(this).data("name")); 
    }); 

}); 
</script> 
<a class="dz-cover" href="javascript:undefined;" data-name="cover" data-dz-remove="">Make Cover</a> 

Wenn ich auf den Link-Tag-Code meine Jquery klicken unter console.log($(this).data("name")); aber es gibt mir nicht definiert, was ich tun, wenn ich falsch bin mir bitte

Answer 1

1. Sie benötigen
2. Sie in einem Klick-Ereignisse wickeln müssen, dass die Click-Ereignis t abbrechen oo
3. Bitte loszuwerden, die hässliche href JavaScript jetzt Sie klicken

Gefällt Ihnen dieses

$(function(){ 
    $(".dz-cover").on("click",function(e){ 
    e.preventDefault(); 
    console.log($(this).data("name")); 
    }); 
}); 

Mit

<a class="dz-cover" href="plsenablejs.html" data-name="cover" data-dz-remove="">Make Cover</a> 

Answer 2

try helfen der folgende Code

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $(".dz-cover").click(function(){ 
    console.log($(this).attr("data-name")); 
    }); 
}); 
</script>