using jquery not operator

Question

I have a setup like this.

        var element = $(".module-panel", this.el);
        $('.module-panel:not('+element+')').hide();

What I'm trying to do is hide all divs with the class .module-panel except the one that is stored inside the var element.

I'd just hide them all, and then do element.show() afterwards — ianbarker
– ianbarker, Commented Mar 20, 2012 at 15:10

Community · Accepted Answer · 2020-06-20 09:12:55Z

3

you can use .not()

var element = $(".module-panel", this.el);
$('.module-panel').not(element).hide();

you will need jquery 1.4 or higher because element is a jquery object:

.not( jQuery object )

jQuery object - An existing jQuery object to match the current set of elements against.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Mar 20, 2012 at 15:10

voigtan

9,0212 gold badges31 silver badges30 bronze badges

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

Comments

iRedMedia · Accepted Answer · 2012-03-20 15:27:17Z

The easiest way to do this is with .not()

var element = $(".module-panel", this.el);
$('.module-panel').not(element).hide();

Using :not() is entirely possible as well, and although the difference is miniscule, if there are multiple elements you're matching against, it could make a difference for the favorable CSS3 selector :not().

jQuery creates a method .not() which filters out any element passed to it. CSS3 has a pseudo selector :not() which allows the browser to do the work, making it slightly faster, but not as versatile.

Test results here: http://jsfiddle.net/iredmedia/jPNYK/

The reason your query doesn't work is because you are concattenating a jQuery object into a query string. In order to make your query work, you must pass it a specific element id/class string, as in

var element = '.doNotReturn',
    excluded = $('#eltFamily:not(' + element + ')').nextMethod();

Hope this helps you understand :not() vs .not();

Collectives™ on Stack Overflow

using jquery not operator

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related