jquery - slideUp 多个div

Question

如何确保多个 div 向上滑动？现在我有这个功能:

$("div#personal").click(function() { 
  $("div.1").slideUp("slow", function () { $("div.2").slideDown("slow") } ); 
});

我想做的是确保所有命名的 div:

1. div.1
2. div.2 除了这个
3. div.3
4. div.4
5. div.5

向上滑动，除了第二个 div。

Answer 1

您可以使用 not选择器以防止其中一个(或多个)向上滑动:

$("div#personal").click(function() { 
  $("div :not('#idofseconddiv'").slideUp("slow");
});

最好给这些 div 一个通用的 css 类，这样选择器就不会选择页面中的所有 div:

$("div#personal").click(function() { 
  $("div.someClass :not('#idofseconddiv')").slideUp("slow");
});

如果您在 div 上使用带编号的类名，您可能需要考虑使用 starts with attribute filter :

$("div#personal").click(function() { 
  $("div[class^=yourClass] :not('#idofseconddiv')").slideUp("slow");
});