Trying to put a variable in a selector in Jquery.

Question

Im 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?

Answer 1

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();

Answer 2

well you could use something like this:

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