CODEWITHSUNDEEP
javascriptjquery
Pasja95
Pasja95

Reputation: 93

JQuery Get ID of clicked link

I've got this type of link in my HTML :

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>
...

I want to get the id of this link when I click, this is my jQuery: 

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

When I click in the link, it doesn't fire the jQuery function, what am I missing?

Upvotes: 0

Views: 1852

Answers (3)

Hemal
Hemal

Reputation: 3760

It is working fine with following 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>

Upvotes: 1

GibboK
GibboK

Reputation: 73908

You could use the following simplified version, where you use this.id to retrieve the attribute id for your DOM without re-querying it.

PS: Make sure you have included jQuery in your page. Example:

<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>

Upvotes: 1

Vishal Ghantala
Vishal Ghantala

Reputation: 86

you need to add jQuery library...

Use this one : 

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

Upvotes: 0

Related Questions