如何将css变换添加到当前变换值使用jquery？

目前我有一个变换值为rotate(57deg) ，当rotate(57deg)警报时

$(".div-1").css("transform")它给出矩阵值。

  .div-1{ transform: rotate(57deg); }  
Test 

我需要使用Jquery将scale(-1, 1)添加到现有的转换值

。 所以.div-1变换值变为div-1 { transform: scale(-1, 1) rotate(57deg); } 怎么做？ 这里57只是一个数字，它将永远改变。 所以我需要的是将scale( -1 , 1)到当前变换值。 请帮忙 。

Answer 1

你可以这样做：

 var css = $('.div-1').css("transform"); css = css+" scale(-1,1)"; $('.div-1').css('transform',css); 

Answer 2

Answer 3

替代解决方案是创建两个类

  
Test 

然后在jquery中执行以下操作：

 if(condition == true){ $(".div-1").addClass("div-1"); $(".div-1").removeClass("div-2"); } else { $(".div-1").addClass("div-2"); $(".div-1").removeClass("div-1"); }