css - 在ajax调用后删除父类

Question

好吧，你们这些 jquery 专家。这个问题对我来说很棘手。我会尽我所能提供尽可能多的信息，以便清楚。

我有 div 的层次结构。它们被设置成三层。每层都有一个刷新按钮。当我单击顶层的刷新按钮时，所有三层的刷新按钮都开始旋转。这符合预期。

目标是当底层的刷新图像停止旋转时(意味着 ajax 调用返回并且该层已更新)，我希望父层中的图像也停止旋转。

这是代码中发生的事情:

function refresh(layer){
  switch(layer){
  case 'bottom layer':
      Make ajax call for self and then update page
      Remove class rotate (which makes the image rotate)
  case 'middle layer':
      For each middle layer, call refresh with the middle layer's 'bottom layer' children
  case 'top layer':
      for each top layer, call refresh with 'middle layer' children
  }
}

编辑我不能告诉 parent 自己删除类(class)轮换，因为在对 child 的 ajax 调用完成之前它就被删除了。在 child 完成 ajax 调用之前，我不希望删除 parent 的类(class)。

此外，当我说有三层时，我并不完全诚实，因为当单击图像并且该图像位于 div 中并且该 div 位于中间层的 div 中时，实际上正在调用该函数 header 等。我可以弄清楚如何导航 DOM 以到达父级，我只想要一些伪代码和解释，说明如何在所有子级完成更新之前不从父级中删除类轮换。完成编辑

我当然希望这是有道理的。我无法放置实际代码，因为它是专有的并且相当冗长；我们不喜欢代码墙。

当所有底层都完成更新时，我如何告诉底层从其父级中删除类“旋转”？

Answer 1

也许我不明白你的问题，但有了这个:

var divMiddleLayer = ("divBottomLayer").parent();
var divTopLayer = ("divMiddleLayer").parent();
divMiddleLayer.removeClass("rotate");
divTopLayer.removeClass("rotate");