Jose A Jose A - 1 year ago 57
HTML Question

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.


<input type="button">

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

<input type="button">
<input type="button">
<input type="button">

For example, I would like to select all the inputs, except those that resides under the
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

Answer Source

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: