javascript - 转义 ""个字符以在 jQuery 中输入变量

Question

我确定这个人正盯着我看。尝试增加对象的旋转直到 i 达到一个值。当我试图转义 CSS 部分以输入我的变量“i”时出现错误。

谁能看出哪里出了问题？

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

谢谢

Answer 1

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

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>