javascript - 使用 Jquery 函数删除 css 类的所有实例

Question

我有全局变量:

          units = 0;
          majorUnits = 0; 
          supportUnits = 0;
          requiredUnits = 0;
          electiveUnits = 0;
          electiveUnitsStop = 0;
          pending = 0;
          percent = 0;
          supportPercent = 0;
          requiredPercent = 0;
          electivePercent = 0;

我在函数上使用这个变量:

      $("tr").click(function() {
        $(this).toggleClass("taken");
        if ( $(this).hasClass('taken') ) 
        { .....

然后我有第二个函数，我在其中将变量设置回零:

      $( "#clear-button" ).click(function() {
          units = 0;
          majorUnits = 0; 
          supportUnits = 0;
          requiredUnits = 0;
          electiveUnits = 0;
          electiveUnitsStop = 0;
          pending = 0;
          percent = 0;
          supportPercent = 0;
          requiredPercent = 0;
          electivePercent = 0;
          // $( "tr" ).click(); 
          //$("tr").find('taken').removeClass('taken');
          //$("table").closest('tr').find('.taken').removeClass('taken');
          //$("tr").removeClass();
          //taken.allInstances = [];
        });

如上注释代码所示，我试图删除所有出现的 taken 类可能会或可能不会出现在我的 html 表的行中。

我怎么能做到这一点？!？!

如果有任何帮助，我将不胜感激。

Answer 1

您是要删除类还是元素？

从子元素中删除类:

$('table#tablename .taken').removeClass('taken');

http://api.jquery.com/removeClass/

完全删除元素:

$('table#tablename .taken').remove();

http://api.jquery.com/remove/

此外，根据您的 HTML 结构，您可以更具体地定位并使用 this 而不是指定表名(也可以使用 find、closest 等)