JQuery onClick Ereignis und Multi-Event-Daten für dieselben Klassen

Question

Wie in JQuery "data" Wert aus diesem Extrakt kann:

<a href="#" data="12" class="virus">12</a> 
<a href="#" data="123" class="virus">another but no 123</a> 
<a href="#" data="124" class="virus">need number from data=""</a> 

zu OnClick-Ereignisse von jedem dieses Anker mit gleichen Klassen? Vielen Dank:).

Answer 1

$('.virus').click(function() { 
 

 

 
    alert($(this).attr('data')) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" data="12" class="virus">12</a> 
 
<a href="#" data="123" class="virus">another but no 123</a> 
 
<a href="#" data="124" class="virus">need number from data=""</a>

Verwendung: .attr()

Beschreibung: in dem Satz von abgestimmten Elementen, den Wert eines Attributs für das erste Element holen.

Ich schlage vor, Sie data="12" in so etwas wie data-data="12" machen, da die Daten keine gültige attr ist.

Verwendung .data()

beschreibung: Speichern beliebige Daten mit den angepassten Elementen zugeordnet.

Dann können Sie es wie

$(this).data('data') 

Answer 2

erhalten Mit attr können Sie die Datendatenwert. Versuchen Sie dies:

$(".virus").click(function() { 
    var data = $(this).attr("data"); // this will return data value of clicked link 
    console.log(data) 
});