jquery select divs with same id

Question

hei guys i want to select two divs with the same id in jquery. how do i do it?

i tried this and it did not work

jQuery('#xx').each(function(ind,obj){
      //do stuff;
});

i have jquery countdown timers in a page, and i update them via ajax. some of these countdown timers repeat and that is why i need to use the same id on the divs.

Answer 1

Your document should not contain two divs with the same id. This is invalid HTML, and as a result, the underlying DOM API does not support it.

From the HTML standard:

id = name [CS] This attribute assigns a name to an element. This name must be unique in a document.

You can either assign different ids to each div and select them both using $('#id1, #id2). Or assign the same class to both elements (.cls for example), and use $('.cls') to select them both.

Answer 2

Can you assign a unique CSS class to each distinct timer? That way you could use the selector for the CSS class, which would work fine with multiple div elements.

Answer 3

I would use Different IDs but assign each DIV the same class.

<div id="c-1" class="countdown"></div>
<div id="c-2" class="countdown"></div>

This also has the added benefit of being able to reconstruct the IDs based off of the return of jQuery('.countdown').length

---

Ok what about adding multiple classes to each countdown timer. IE:

<div class="countdown c-1"></div>
<div class="countdown c-2"></div>
<div class="countdown c-1"></div>

That way you get the best of both worlds. It even allows repeat 'IDS'

Answer 4

I'm too loking for a solution for this. There are some Div's being generate automatically. I'need to reduce there height using some jquery. But the point is, there are two DIVs with same ID value. :(

Answer 5

You could also try wrapping the two div's in two div's with unique ids. Then select the div by $("#div1","#wraper1") and $("#div1","#wraper2")

oh my html is not showing. here you go: div id="wraper1"

div id="div1"

/div

div id="wraper2"

div id="div1"

/div