增加按钮点击时的CSS属性

Question

我想知道是否有一种方法可以在点击按钮时增加css属性的值。

例如，css将为

.Testclass{
font-size:30px;
}

有没有办法在每次点击按钮时将css属性中的数字增加10，无论是使用js还是jquery。

Answer 1

尝试下面的代码...

编辑(参见下面的注释)：将其放入函数中

 var p = parent_window.document.body;
 var size = $('#teleprompter',p).css('font-size').slice(0,-2);
 size-=10;
 $('#teleprompter',p).css('font-size',size+'px');

其他代码片段(旧)：

​

$('button[name=btn]').click(function(){
  var size = $('.Testclass').css('font-size').slice(0,-2);
  size -=10;
  $('.Testclass').css('font-size',size+'px')
  });

.Testclass{
font-size:30px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button name="btn">Make the font-size smaller!</button><div class="Testclass">TEXT</div>

​

来自奥地利的问候