Javascript 如何逐个旋转css多维数据集

我有两个立方体。 当我点击按钮时，我想一个接一个地旋转它们。 在这一刻，如果我点击它，它们都会旋转

$（函数（）{
var x=0；
$（“按钮”）。单击（函数（）{
x+=90；
$（'.cubeMain'）。每个（函数（索引）{
$（此）.delay（500*索引）.css(
“变换”、“旋转”（“+x+”度）”；
});
});
});

---

感谢您的帮助

基于我的假设和您的代码，我相信您希望延迟应用于div in循环的css

delay（）。更改css属性不能通过该机制工作，因此不受delay指令的影响

对于同样的问题，有一个解决办法。将代码更新为以下内容

$(function () {

    var x = 0;

    $('button').click(function () {
        x += 90;
        $('.cubeMain').each(function (index) {           
            $(this).delay(500 * index).queue(function (next) { 
                $(this).css('transform', 'rotateY(' + x + 'deg)'); 
                next(); 
            });
       }); 
    });
});

作为参考-
这是关于JSFIDDLE的，您所说的每一个都是什么意思？在第一组完成轮换后开始第二组轮换请将您的问题包括在内。请实际阅读前面的链接，并确保您在问题中发布的代码是最小的（仅复制所需的最小代码）、完整的（复制所需的所有代码）和可验证的（我们可以仅使用您问题中的代码复制问题）。如果您的问题中没有适当的MCVE，这个问题就与堆栈溢出无关。请发布您的html，我想让另一个在500毫秒后开始旋转。这是jsfiddle上的代码，谢谢。这就是我想做的。太棒了。它对你有用：）酷。CSS确实已经走过了漫长的道路。我将坚持我的常规CSS，并继续掌握jQuery和JavaScript。