How can I combine these jQuery statements?

Question

I have a jQuery statement like this;

var current = $(this);
current.hide();
current.siblings('.ab').hide();
current.siblings('.cd').hide();

I want to change this into a single statement and I wrote;

$(current,current.siblings('.ab'),current.siblings('.cd')).hide();

But ab is not hiding. How can I combine the 3 hide() statements into one?

Answer 1

You can use a multiple selector and addBack():

$(this).siblings(".ab, .cd").addBack().hide();

addBack() will add the original element back into the set, so you can get both the element and its relevant siblings in the same jQuery object.

Answer 2

You can use a multiple selector (comma separated) for the siblings function and than use addBack to include the first element.

Add the previous set of elements on the stack to the current set, optionally filtered by a selector.

Code:

current.siblings(".ab, .cd").addBack().hide();