Passing parameter to css :not selector

Question

I have a function to hide all divs on the page except one div.

// hide all div exceept div1
function hideAllExcept()
{
  $('div:not(#div1)').slideUp(800);
}

or

// hide all div exceept 'thisdiv' 
function hideAllExcept()
{
  $('div:not("#div1")').slideUp(800);
}

The above works fine (difference is first function doesn't have "" around #div1). However, I would like to pass a parameter in the hideAllExcept function to dynamically specify which div to not hide. So I changed the function to:

// hide all div exceept 'thisdiv' 
function hideAllExcept(thisdiv)
{
  $('div:not(thisdiv)').slideUp(800);
}

if i call the function using: hideAllExcept('#div1') or hideAllExcept("#div1") it doesn't work. It seems that $('div:not(thisdiv)') still selects all divs, it doesn't exclude thisdiv.

Any ideas? Many thanks

Gert Grenander · Accepted Answer · 2010-11-12 07:10:05Z

4

Change it to:

function hideAllExcept(thisdiv) {
  $('div:not('+thisdiv+')').slideUp(800);
}

answered Nov 12, 2010 at 7:10

Gert Grenander

17.1k6 gold badges42 silver badges43 bronze badges

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

2 Comments

StarCub Over a year ago

thanks all, all answers are pretty similar so have to choose the first answer. btw, is this trick documented anywhere? I googled it before posting on SO but had no luck finding it anywhere.

Gert Grenander Over a year ago

It's not really a trick, but JavaScript string concatenation. You're dynamically building the selector.

generalhenry · Accepted Answer · 2010-11-12 07:11:31Z

4

$('div').not(thisdiv).slideUp(800);

answered Nov 12, 2010 at 7:11

generalhenry

17.3k4 gold badges51 silver badges63 bronze badges

6 Comments

theazureshadow Over a year ago

I think you mean $('div').not(thisdiv).slideUp(800); But I like this better than the others. It will allow passing an element reference, rather than just a string.

generalhenry Over a year ago

dang though I got the fix in before anyone noticed, but yes, the .not() function is better since it can take the full variety of inputs

theazureshadow Over a year ago

Did I just read that wrong? I could have sworn that said filter, but I don't see an edit.... Weird.

theazureshadow Over a year ago

Okay, so I'm not just going crazy. Good :)

Gert Grenander Over a year ago

This is slower than using the :not(...), since you would select all DIV elements and then filter them with the .not(...) function.

|

ArK · Accepted Answer · 2010-11-12 07:11:27Z

2

var divid='div:not('+thisdiv+')';
$(divid).slideUp(800);

answered Nov 12, 2010 at 7:11

ArK

21.1k67 gold badges113 silver badges136 bronze badges

Collectives™ on Stack Overflow

Passing parameter to css :not selector

3 Answers 3

2 Comments

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related