Escape “” characters to enter variable in jQuery

Question

I am sure this one is staring me in the face. Trying to increase the rotation on an object until i reaches a value. Getting an error as I am trying to escape the CSS part to enter my variable 'i'.

Can anybody see what may be wrong?

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

Thanks

Answer 1

You have to concatenate variable inside string with + , like this:

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> 

Answer 2

You forgot the +

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

Answer 3

您无法在JS中连接字符串，请尝试

"rotate("+i+"deg)"

Answer 4

You have an error in your code:

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

For string concatenation in javascript you must use the plus (+).