CODEWITHSUNDEEP
jqueryhtmlselectorexcept
Jose A
Jose A

Reputation: 11077

How do I select all inputs except under a specific id?

What I want to do is to select all the inputs buttons on the document, except those that reside under a specific id.

Example:

<body>
<input type="button">

<div id="something">
     <input type="button">
</div>
<div id="something2">
     <input type="button">
</div>


<input type="button">
<input type="button">
<input type="button">
</body>

For example, I would like to select all the inputs, except those that resides under the <div> whose id is "something".

What I've tried:

1) $('input[type="button"]:not(:parent(#something))').addCSS();

2) $('input[type="button"] :not(#something input[type="button"])')

And other similar approaches

Upvotes: 14

Views: 26841

Answers (3)

Niels Festjens
Niels Festjens

Reputation: 141

You were almost there, all you needed to do was remove the space before your :not.

$('input[type="button"]:not(#something input[type="button"])')

I know this is an old question, but it shows up first on Google, and using jquery's .not() as shown in the accepted answer is not always an option.

Upvotes: 14

jfriend00
jfriend00

Reputation: 707326

You can do it like this (relatively efficiently).

$("input[type=button]").filter(function() {
    return $(this).closest("#something").length == 0;
});

First, you get all the input[type=button] elements, then remove those with #something as a parent.

Another possibility is this:

$("input[type=button]").not("#something input[type=button]")

You'd have to test both to see which is more efficient, but either will work.

Working demo of both: http://jsfiddle.net/jfriend00/fjxDb/

Upvotes: 27

Lord Spectre
Lord Spectre

Reputation: 781

Maybe this works: $(":not(#something) input[type=button]")

Upvotes: 2

Related Questions