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

Share Improve this question Follow edited Feb 13, 2023 at 12:23 Baijs asked Nov 11, 2009 at 15:20 BaijsBaijs 1,85733 gold badges2121 silver badges3535 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 10

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