Как математически в jquery уменьшить размер шрифта нажатием по кнопке

109

13 сентября 2019, 01:10

Всем привет. Задача такая. Нужно по нажатию на кнопку что бы у каждого элемента в массиве отнималось 2px

Пример псевдокода

 $('.rightSide__content__gradeName li').css("top" - "2px")

Answer 1

$("#reduceFont").click(function(e) { 
  $('.rightSide__content__gradeName li').each(function() { 
    var oldSize = $(this).css("font-size"); 
    var newSize = parseInt(oldSize) - 2 + "px"; 
    $(this).css("font-size", newSize); 
    //console.log(oldSize, newSize, $(this).css("font-size")); 
  }); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<button id="reduceFont">Reduce Font</button><ul class="rightSide__content__gradeName"> 
  <li>One</li> 
  <li style="font-size:30px;">Two</li> 
  <li>Three</li> 
</ul>