Question

Ich habe diese Art von Verbindung in meinem HTML bekam:

librairy:

<script type="text/javascript" src="../../resources/js/jquery/jquery-1.12.3.min.js"></script> 

HTML:

<a id='1' href='#' class='bulletinLink'> Bulletin du 11-01-2015 </a> 
<a id='2' href='#' class='bulletinLink'> Bulletin du 13-02-2015 </a> 
... 

Ich möchte die ID bekommen Dieser Link, wenn ich klicke, das ist mein jQuery:

$(function() { 
$('.bulletinLink').on('click',function(event){ 
    var id = $(this).attr('id'); 
    alert(id); 
}) 
}); 

Wenn ich auf den Link klicke, wird die jQuery-Funktion nicht ausgelöst. Was fehlt mir?

Answer 1

Sie könnten die folgende vereinfachte Version verwenden, in der Sie this.id verwenden, um das Attribut id für Ihr DOM abzurufen, ohne es erneut abzufragen.

PS: Stellen Sie sicher, dass Sie have included jQuery in your page. Beispiel:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

$(function() { 
 
    $('.bulletinLink').on('click', function(event) { 
 
    alert(this.id); 
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id='1' href='#' class='bulletinLink'> Bulletin du 11-01-2015 </a><br> 
 
<a id='2' href='#' class='bulletinLink'> Bulletin du 13-02-2015 </a>

Answer 2

Sie benötigen jQuery-Bibliothek hinzufügen ...

verwenden ein:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 3

Es funktioniert gut mit folgendem Code

$(function() { 
 
    $('.bulletinLink').on('click', function(event) { 
 
    alert($(this).attr("id")); 
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id='1' href='#' class='bulletinLink'> Bulletin du 11-01-2015 </a><br> 
 
<a id='2' href='#' class='bulletinLink'> Bulletin du 13-02-2015 </a>