JQuery Get ID of clicked link

Question

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?

Try some output. Print something right in the beginning of your function and maybe also print $(this). The code should work. Make sure your function (the enclosing one) is called at all. (edited punctuation) — Octav Zlatior, Feb 02 '17 at 13:42
Check console for any js errors. Make sure you included jquery library — Ima, Feb 02 '17 at 13:45
Your code, copied and pasted and not modified in any way, demonstrably works: https://jsfiddle.net/z9zhrkbp/ — David, Feb 02 '17 at 13:46
Possible duplicate of [How to get ID of clicked element with jQuery](http://stackoverflow.com/questions/7838238/how-to-get-id-of-clicked-element-with-jquery) — Tha'er AlAjlouni ثائر العجلوني, Feb 02 '17 at 13:47
I've resolved it by changing the click like this : $('.bulletinLink').click(function() — Pasja95, Feb 02 '17 at 14:22

GibboK · Answer 1 · 2017-02-02T13:46:31.123

1

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>

edited Feb 02 '17 at 13:46

answered Feb 02 '17 at 13:43

GibboK

71,848
143
435
658

I'm using this version : – Pasja95 Feb 02 '17 at 13:45
@Pasja95 maybe you have an issue in including jQuerym maybe the path is wrong. Try instead to use this from CDN – GibboK Feb 02 '17 at 13:47

score 1 · Answer 2 · answered Feb 02 '17 at 13:47

1

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>

answered Feb 02 '17 at 13:47

Hemal

3,682
1
23
54

1

@Henak sorry, but why do you require the DOM using $(this)? It is not really necessary IMO. – GibboK Feb 02 '17 at 14:05

score 0 · Answer 3 · answered Feb 02 '17 at 13:44

0

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>

answered Feb 02 '17 at 13:44

Vishal Ghantala

86
1
16

JQuery Get ID of clicked link

3 Answers3