停止所有子元素的 jQuery 动画

祝大家新年快乐！

我只是想问是否有任何方法可以停止元素的所有子节点的 jquery 动画？我的意思是，如果我在文档中有一个下面的 html 结构，并且我已经对容器内的所有 div 应用了不同的动画 - 有些也在 queue=false 等中。

<div id="container">
<div id="element-1"></div>
<div id="element-2"></div>
<div id="element-3"></div>
<div id="element-4"></div>
<div id="element-5"></div>
</div>

有没有办法立即停止 div 内所有元素的所有动画？好吧，人们会立即想起下面的代码

$('#element-1, #element-2, #element-3, #element-4, #element-5').stop(true);

它应该立即停止所有元素。如果我们尝试

$('#element-1, #element-2, #element-3, #element-4, #element-5').stop(true, true);

元素应该跳转到最终结果 -肯定不适合我。这是所需要的，但是如果我有 300 个元素在同一时刻动画怎么办 - 我肯定不能应用上面的方法，呃！

我正在寻找类似的东西

$('#container').stop(true,true);

可以进行一些调整吗？

您可以选择包装器内的所有元素并停止然后停止它们。对于你的 html 来说，这个应该可以工作：

$('#container').find('*').stop(true, true);