How do i select everything BUT the element with an id?

<div id="test">
<p id="test"></p>
<p></p>
<p></p>
</div>

I want to be able to select the second and third

How do i select everything BUT the element with an id?

<div id="test">
<p id="test"></p>
<p></p>
<p></p>
</div>

I want to be able to select the second and third

• javascript
• jquery
• jquery-selectors

• 1 You can't have 2 elements with the same id! – nicolaskruchten Commented Jul 22, 2010 at 14:51
• 3 @nik: Yes you can(Obama). It's just not valid and definitly not remendable. – jAndy Commented Jul 22, 2010 at 14:55
• How will jQuery react to having multiple elements with the same ID? :) – nicolaskruchten Commented Jul 22, 2010 at 14:59
• @njk: it will only query/select the first occurence: jsfiddle/v4wkv – jAndy Commented Jul 22, 2010 at 15:08

2 Answers 2

You can't have 2 elements with the id "test" but if the code was as follows:

<div id="test">
<p id="test2"></p>
<p></p>
<p></p>
</div>

then you could use

$("#test p").not("#test2")

or

$("#test p:not(#test2)")

to select just the other two paragraphs.

See http://api.jquery./not/ for the documentation for the not() method (first option) or http://api.jquery./not-selector/ for the :not() selector (second option).

Note: this won't select "everything" but rather the second and third paragraph elements. I assume that's what you meant :)

You can bine the :not() and has-attribute selectors, like this:

$(":not([id])")

A few notes though, you currently have 2 elements with the same ID, this is invalid because IDs should be unique. Also you shouldn't use the selector exactly as I have it above, it should be within something, for example $("#test :not([id])") to narrow it down ... it's very expensive otherwise.