How to get value of id in an element

Question

tried getting value of attributes. I can get values of other attributes but not the id. Here is my jquery code. While i can get the value of class, the value of id is either undefined or null.

$(".someClass").click(function(){
    var id = $(this).attr("id");
    var class = this.className;

    alert(title);
    alert(class);       
});

Thanks

Where is the `title` variable set? shouldn't you `alert` the `id` variable instead? — Glenn Ferrie, Aug 17 '16 at 18:52
Possible duplicate : http://stackoverflow.com/questions/3239598/how-can-i-get-the-id-of-an-element-using-jquery — Iceman, Aug 17 '16 at 18:52

Mojtaba · Accepted Answer · 2016-08-17T19:02:50.767

4

Your faults:

1- class is a reserved word. use another word.

2- You are not alerting the id

$(".someClass").click(function(){
    var myId = $(this).attr("id");
    var myClass = this.className;

    alert(myId);
    alert(myClass);       
});

Let's have a sample:

$(document).ready(function(){
$(".someClass").click(function(){
    var myId = $(this).attr("id");
    var myClass = this.className;

    alert(myId);
    alert(myClass);       
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="someClass" id='someId'>Click Me</div>

edited Aug 17 '16 at 19:02

answered Aug 17 '16 at 18:52

Mojtaba

4,852
5
21
38

@ZakariaAcharki, seriously, I wish the downvoter explained why – Mojtaba Aug 17 '16 at 18:58
I am getting "undefined". – user3750366 Aug 17 '16 at 19:01
@user3750366, I updated my answer with the snippet. If you are getting 'undefined' please make a fiddle and put it here to be able debug it – Mojtaba Aug 17 '16 at 19:04
@user3750366, you forgot to attach the jquery library. try this: https://jsfiddle.net/tL0oLtu6/1/ – Mojtaba Aug 17 '16 at 19:29
Yes, now it works. Thanks dude. I'll try it one me original code and see – user3750366 Aug 17 '16 at 19:31
here is the updated jsfiddle. can you check why this is not working here https://jsfiddle.net/tL0oLtu6/2/ – user3750366 Aug 17 '16 at 19:37
@user3750366, because the elements you are clicking, don't have id. – Mojtaba Aug 17 '16 at 19:38
yes, that is correct. i m sry about that. wasted so much time – user3750366 Aug 17 '16 at 19:40
@user3750366, That's OK. If you got your answer, please check it as the correct answer, to prevent more developers spending time on this post. – Mojtaba Aug 17 '16 at 19:43

score 0 · Answer 2 · answered Aug 17 '16 at 18:50

0

Instead of using attr("id"), use prop("id")

answered Aug 17 '16 at 18:50

Yazsid

165
5

yazsid, why do you think that is required? – Iceman Aug 17 '16 at 18:57
Because of experience in other projects and also because of this answer: – Yazsid Aug 17 '16 at 18:59
While your answer might be correct, you'd be best to expand it to explain why and how that fixes the problem. – brandonscript Aug 17 '16 at 19:42

score 0 · Answer 3 · answered Aug 17 '16 at 18:52

0

here is a working jsfiddle

$(".someClass").click(function(){ 
    var id = $(this).attr("id");
    var cls = this.className; 
    alert(id);
    alert(cls);
});

answered Aug 17 '16 at 18:52

Edison Biba

4,384
3
17
33

How to get value of id in an element

3 Answers3