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>

Answer 1

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:

• http://www.w3.org/TR/html4/struct/global.html#h-7.5.2
• https://developer.mozilla.org/en/DOM/element.id
• http://webdesign.about.com/od/css/f/blfaqmultiIDs.htm
• http://www.w3schools.com/tags/att_standard_id.asp

---

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");