javascript - 转义 “”字符以在jQuery中输入变量

我敢肯定，这是盯着我的脸。尝试增加对象的旋转，直到我达到一个值。我尝试转义CSS部分以输入变量“i”时遇到错误。

有人可以看到哪里出了问题吗？

for(var i = 0; i < 200; i++){
  console.log(i);
  $('.rotateMe').css({"transform": "rotate("i"deg)"});
}

谢谢

最佳答案

您必须将variable中的string与+连接起来，如下所示:

for(var i = 0; i < 200; i++){
  console.log(i);
  $('.rotateMe').css({"transform": "rotate("+i+"deg)"});
}

for (var i = 0; i < 200; i++) {
  $('.rotateMe').css({
    "transform": "rotate(" + i + "deg)"
  });
}

.rotateMe {
  width: 50px;
  height: 50px;
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="rotateMe"></div>