如何组合这些jQuery语句？

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

Try to use .end() ,

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

or use .add() like below,

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

Answer 3

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

Answer 4

try this:

   var current = $(this);

    current.hide().siblings('.ab').hide().end().siblings('.cd').hide();

Answer 5

You can use comma separated multiple selectors in .siblings()

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

Working Demo