如何組合這些jQuery語句？

Question

我有一個像這樣的jQuery語句;

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

我想把它改成一個單一的陳述，我寫道;

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

但是ab並沒有隱藏。 如何將3個hide（）語句組合成一個？

Answer 1

您可以使用多重選擇器和addBack（）：

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

addBack()會將原始元素添加回集合中，因此您可以在同一個jQuery對象中獲取元素及其相關的兄弟元素。

Answer 2

嘗試使用.end() ，

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

或者像下面一樣使用.add() ，

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

Answer 3

您可以為siblings函數使用多重選擇器（逗號分隔），而不是使用addBack包含第一個元素。

將堆棧上的前一組元素添加到當前集合，可選擇由選擇器過濾。

碼：

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

Answer 4

試試這個：

   var current = $(this);

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

Answer 5

您可以在.siblings()使用逗號分隔的多個選擇器

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