jquery - 向上滑动多个 div

Question

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

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

我想要做的是确保所有名为的div：

1. 第 1 部分
2. div.2除了这个
3. 第 3 部分
4. 第 4 节
5. 第 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 上使用编号的类名，您可能需要考虑使用带有属性过滤器的开头：

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