I'm trying to put a variable in a selector, but it doesn't work, what am I doing wrong?

<a class="button left" href="#">left</a>
<a class="button right" href="#">right</a>


$('.button:not(.disable)').show(); //Works

var oButtons = $('.button');
$(oButtons+':not(.disable)').show(); //Doesn't Work why?

I'm trying to put a variable in a selector, but it doesn't work, what am I doing wrong?

<a class="button left" href="#">left</a>
<a class="button right" href="#">right</a>


$('.button:not(.disable)').show(); //Works

var oButtons = $('.button');
$(oButtons+':not(.disable)').show(); //Doesn't Work why?

• javascript
• jquery

2 Answers 2

because you are trying to pass a jquery object into another jquery object. what you want to do is this:

var oButtons = '.button';
$(oButtons+':not(.disable)').show();

well you could use something like this:

var oButtons = $('.button');
oButtons.filter(':not(.disable)').show(); //Notice the filter option