jquery removeClass() nie usuwając wszystkie klasy

Question

Mam element takiego:

<div class="one two three" id="waterhorse">horse</div> 

Kiedy uruchomić ten kod w konsoli Przeglądarka:

$("#waterhorse").removeClass(); 

uzyskać to:

[<div id=​"waterhorse" class=​"one two three">​horse​</div>​] 

Innymi słowy, to nie działa; nie usuwa żadnych klas na elemencie. Niestety nie mogę tego odtworzyć w jsfiddle.

Jednak mogę usunąć konkretną klasę:

$("#waterhorse").removeClass("two"); 

Ponadto, spowoduje to usunięcie wszystkich klas:

$("#waterhorse").removeAttr("class"); 

jakiś pomysł dlaczego te ostatnie prace, aby usunąć wszystkie klasy, ale były nie robi "t?

Answer 1

Jeśli czytamy documentation stwierdza to:

Jeśli nazwa klasy jest uwzględniona jako parametr, a następnie tylko, że klasa będzie zostać usunięte ze zbioru dopasowanych elementów. Jeśli w parametrze nie podano nazw klas, wszystkie klasy zostaną usunięte.

Innymi słowy, .removeClass() powinien działać bez parametrów. Próbowałem to w FF i działa zgodnie z przeznaczeniem.

Starałem się odtworzyć problem chcesz rozwiązać, ale nie mógł tego zrobić: jsFiddle

<div class="one two three" id="waterhorse">horse</div> 

$("#waterhorse").removeClass(); 
$("#waterhorse").addClass("four"); 
console.log($("#waterhorse")); 

Co wersji przeglądarki używasz?

Answer 2

Możesz to zrobić w $ (document) .ready(), aby to osiągnąć. .

$("#waterhorse").attr("class", ""); 

or 

$("#waterhorse").removeClass(); 

Nadzieja to pomoże :)

Answer 3

Wydaje się, że jest to znany problem z jQuery i jQueryUI nie gra ładnie razem:

Odd issue with jQuery .removeClass() not doing anything

http://bugs.jqueryui.com/ticket/9015

powyższa odpowiedź jest obejściem, które używa .removeAttr('class') zamiast .removeClass()