How do I select a class element based on its id in jQuery?

Question

I have multiple dynamically generated buttons with a class name of ".button". Each of these are given an unknown ID value used to uniquely identify them. In jQuery I must select one and alert the values.

<div class="button" id="3"></div>

The ID value is dynamically generated, therefore I do not know it. I'm new to jQuery but am basically looking for something like this:

$(".button").attr("id").val();

How do I target one button when there are many? Thanks!

EDIT: I want to select whichever one the user clicks. The button in this case is a comment button. There is one for each "post". And I will change the ID to begin with a letter, as I am not using HTML5, whops. :)

Which one do you want to target? One at random, the third one, the first, the last? Other? — Nick Craver
– Nick Craver, Commented Jun 15, 2010 at 15:44
Another note, you should prefix your IDs unless you're using an HTML5 doctype, IDs cannot start with a number in HTML 4. — Nick Craver
– Nick Craver, Commented Jun 15, 2010 at 15:47
FYI numerical id attributes aren't valid. The id must start with a letter. w3.org/TR/html401/types.html#type-name — Andy E
– Andy E, Commented Jun 15, 2010 at 15:47
@Nick - which one? id's are supposed to be unique on a page. — jmucchiello
– jmucchiello, Commented Jun 15, 2010 at 15:51

SilentGhost · Accepted Answer · 2010-06-15 16:01:27Z

1

$(".button").click(function() { 
    alert($(this).attr("id"));
});

answered Jun 15, 2010 at 16:01

SilentGhost

322k67 gold badges312 silver badges294 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mrtwidget Over a year ago

Thank you for your time and kindness to my post Silent. Your answer is concise and much appreciated. I have been using yahoo answers for years and this is my first post here, and wow. I will definitely become a regular contributor.

moi_meme · Accepted Answer · 2010-06-15 15:49:06Z

0

You can loop through all of them using

$(".button").each(function(index) { 
    alert("index: " + index + " id: " + $(this).attr("id")); 
});

answered Jun 15, 2010 at 15:49

moi_meme

9,3574 gold badges48 silver badges65 bronze badges

1 Comment

mrtwidget Over a year ago

I was unaware of the each function. This could prove to be useful, thanks moi!

abatishchev · Accepted Answer · 2010-06-15 16:03:40Z

0

I would guess $('#id') is sufficient.

I prefer the Mootools method: $('id') as $ is just an alias for getElementById

edited Jun 15, 2010 at 16:03

abatishchev

101k88 gold badges304 silver badges443 bronze badges

answered Jun 15, 2010 at 15:58

jmucchiello

19k7 gold badges44 silver badges62 bronze badges

4 Comments

Nick Craver Over a year ago

As said in the comments above, he doesn't know the ID, so this approach doesn't work.

jmucchiello Over a year ago

This answer was written before he edited the question to make clear what he wanted.

Nick Craver Over a year ago

The original question still had: "The ID value is dynamically generated, therefore I do not know it", but alright :)

jmucchiello Over a year ago

Hey, he could be dynamically generating the javascript too. So he would "know" the id. It wasn't very clear. But I'm done with it now.

Collectives™ on Stack Overflow

How do I select a class element based on its id in jQuery?

3 Answers 3

1 Comment

1 Comment

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related