getting class attr in jquery

Question

I have some divs that are generated dynamically with content. I add the content id to the class for the div like so:

<div class="div-1"></div>
<div class="div-3"></div>
<div class="div-6"></div>
<div class="div-8"></div>

How do I select the id for a div because I need it as a param to send via ajax. e.g. I need to get the 1 when I click on the 1st div, 3 when I click on 2nd and so on

possible duplicate of [How to get all CSS classes of an element?](http://stackoverflow.com/questions/9279368/how-to-get-all-css-classes-of-an-element) — Felix Kling, Feb 29 '12 at 16:01
I think you're confusing IDs with classes. If you switch the class="" to id="", then we're talking about IDs. You could bind $('div').click(function() {var this_ID = $(this).attr('id); this_ID.replace('div-', ''); }); Quick, dirty and untested. — isotrope, Feb 29 '12 at 16:02
None of your divs have an id? Do you mean how to you get the number out of the class name? — jfriend00, Feb 29 '12 at 16:03

ShankarSangoli · Answer 1 · 2012-02-29T16:11:02.817

1

var id = $(this).attr('class').replace('div-', '');

Or even simple

var id = this.className.replace('div-', '');

Where this points to the dom element you click on inside the click handler.

//Here instead of document it is better to specify a parent container of all divs
$(document).on('click', '[class^="div-"]', function(){
       var id = this.className.replace('div-', '');
});

edited Feb 29 '12 at 16:11

answered Feb 29 '12 at 16:02

ShankarSangoli

69,612
13
93
124

mariogl · Answer 2 · 2012-02-29T16:14:02.927

0

Try this, and remember changing "div" for your selector:

$(document).on("click", "div", function() {
    var class_elem = $(this).attr("class").split("-");
    var n = class_elem[1];  // This is your number
});

edited Feb 29 '12 at 16:14

answered Feb 29 '12 at 16:03

mariogl

1,195
1
10
24

1

You are not using `on` correctly, it is as good as `bind('click',...)`. This is not going to work for dynamically created elements. – ShankarSangoli Feb 29 '12 at 16:10
I've edited it, though I don't think this is relevant for this question. – mariogl Feb 29 '12 at 16:14
And now I read again the question, I realized the "that are generated dynamically" part, so thanks :) – mariogl Feb 29 '12 at 16:16

score 0 · Answer 3 · answered Feb 29 '12 at 16:16

0

The correct jQuery syntax is:

$("div").click( function() { 
    var id = $(this).attr('class').replace('div-', '');
});

answered Feb 29 '12 at 16:16

NickGreen

1,742
16
36

getting class attr in jquery

3 Answers3