满足条件时在jquery中切换类

Question

我有一些用JavaScript编写的代码，可以在条件满足时更改CSS类...

这个问题（以及我网站的许多其他JavaScript代码）是我需要开始用JQuery编写它们。

我不得不重写这个原因是因为Internet Explorer忽略了classList.add＆amp; classList.remove

我开始阅读JQuery，但在此之前，你们中的一个人能够将以下代码转换为JQuery。

我不会告诉你我有多远，因为它一团糟:)）

JAVASCRIPT代码：

var animate = document.getElementsByClassName('nowPlayNoAnimate');

for (var i = 0; i < animate.length; i++) {
    if (animate[i].parentNode.offsetWidth < animate[i].offsetWidth) {
       animate[i].classList.add("nowPlayAnimate");                  
       }
    else animate[i].classList.remove("nowPlayAnimate");
    }

感谢您的时间！

Answer 1

带有开关的

toggleClass会这样做：

$('.nowPlayNoAnimate').each(function() {
  $(this).toggleClass('nowPlayAnimate', $(this).parent().width() < $(this).width());
});