如何检查特定类是否已分配给div并使用jQuery将其删除

Question

检查特定类是否已分配给div，并使用jQuery删除或替换为另一个类。

如果有两个或多个类分配给div，如何指出确切的类并用新的类删除它或者只是从该元素中删除它。

这是否可以使用 jquery addclass() or removeclass()？

还是有其他方法吗？

Answer 1

试试这个

$('div').each(function(){
  if($(this).hasClass("className"))
  {
     $(this).removeClass("className");
  }
});

但是，如果你只是想添加课程，如果没有那么删除，那么你可以使用如下的切换功能

$('div').each(function(){
   $(this).toggleClass("className");
});

Answer 2

尝试：

$( "#mydiv" ).hasClass( "nameclass" )

和

$( "mydiv" ).removeClass( "nameclass" )

Answer 3

要检查某个元素是否有类，您可以使用hasClass()。

但是从我对你的问题的理解，你可以做到：

$('div.someClass').removeClass('someClass');

这将选择div的所有someClass并将其删除。

要替换您可以执行的课程：

$('div.someClass').toggleClass('someClass newClass');

这将包含div的所有someClass并删除someClass并添加newClass。

更新

如果要在点击时删除/添加课程，则有两种情况：

• 您要删除/添加点击的元素
• 您要删除/添加其他元素

对于第一种情况，你可以这样做：

$('div.someClass').click(function(){
    $(this).removeClass('someClass'); //your operation goes here. You can use $(this) to reference.
});

对于第二个你可以这样做：

$('div.someClass').click(function(){
    $('div.someOtherDiv').removeClass('someOtherDiv'); //your operation goes here.
});

Answer 4

尝试：

$("div.classname").removeClass("classname");

的 DEMO

注意：为特定div执行此操作：

$("#mySpecificDiv").toggleClass("classname");