Select two different HTML element types with the same id in jQuery

Question

I have two different elements with the same id. How do I select the div element with id="abc" in jQuery.

For example:

<select id="abc">

  <option>jhon</option>

  <option>Richard</option>

</select>

<div id="abc">

</div>

NO! You CANNOT have the same id multiple times on the page. — PeeHaa
– PeeHaa, Commented Dec 18, 2011 at 15:29

Marek Sebera · Accepted Answer · 2011-12-18 15:44:08Z

3

It is given, that you cannot have multiple identic ID on same page.

The page won't be (X)HTML Valid DOM Document

If you do it, then you can't find elements by their id using javascript call getElementById(String)

See references:

For targeting multiple DIV elements on page, use .class instead

<select class="abc">
    <option>jhon</option>
    <option>Richard</option>
</select>
<div class="abc">

</div>

and find them by jQuery library

var divCollection = $(".abc");

edited Dec 18, 2011 at 15:44

answered Dec 18, 2011 at 15:31

Marek Sebera

40.8k37 gold badges166 silver badges252 bronze badges

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

Comments

mas-designs · Accepted Answer · 2011-12-18 16:02:07Z

0

You CAN have multiple id's you should try to select it with the type of element you want $('select#abc') or $('div#abc'). You should never do it but its possible. I mean the word IDENTIFIER says it all or ;-) ?

answered Dec 18, 2011 at 16:02

mas-designs

7,5311 gold badge34 silver badges56 bronze badges

2 Comments

user938787 Over a year ago

You COULD have duplicate IDs, however you never, ever should. It is an extremely bad habit to get into and it shatters standards and rules. See @Marek Sebera's answer for references.

mas-designs Over a year ago

YEAH that's what I said, YOU SHOULD NEVER EVER DO IT !! But it is possible

Jinesh · Accepted Answer · 2017-03-14 04:08:13Z

0

When you try to just use javascript or jquery only the first id that is first select element will be taken and not the second one.

answered Mar 14, 2017 at 4:08

Jinesh

218 bronze badges

Collectives™ on Stack Overflow

Select two different HTML element types with the same id in jQuery

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related