2013-03-19 3 views
3

모두 안녕하세요. 나는 jQuery를 사용하고 있으며, jQuery를 사용하여 DIV 클래스를 대체하려고합니다. 내가 처음 클래스 이름을 알고 난 단지 이것을 사용할 수 있습니다,jQuery를 사용하여 클래스를 바꾸는 방법

$('#div').removeClass('first').addClass('second'); 

을하지만 : 나는 클래스 다음과 같이 대체 할 수있는 것을 알고있다. 제 경우에는 동적이기 때문에 첫 번째 클래스 이름을 알지 못합니다. 매개 변수없이 removeClass를 호출 할 때

$('#div').removeClass().addClass('second'); 

답변

6

당신은 클래스를 설정하는 attr()을 사용할 수 있습니다, 그것은 이상

$('#div').attr('class', 'second'); 

당신은 매개 변수없이 removeClass를 호출 할 수 있습니다 이전의 클래스를 작성합니다 모든 클래스

$("#div").removeClass().addClass('second'); 
+0

이유 투표 이유? – Adil

+0

'attr ("class", ...)'를 사용하는 것이 크로스 브라우저에서 안전하지 않은지 확실하지 않습니다. – andlrc

+2

두 번째 옵션은 완벽하게 올바르게 작동하며 묻는 질문에 적합한 대답입니다 - Downvotes는 IMHO가 아닌 다른 사람들에게 도움이되는 이유로 지원되어야합니다. – MyStream

4

이 제거됩니다

+0

@ 카 비르 (Kabir)이 시도해보세요. – PSR

+0

@PSR 감사합니다. – Kabir

+0

나는 이미 +1을 투표했지만 Adil의 해결책도 정확하며 단 하나의 대답 만 수락 할 수 있습니다. – Kabir

0

시험해보기 :

$("#div").removeAttr('class'); 
$('#div').attr('class','second'); 

CALSS 특성을 제거한다 첫 번째 행, 제가 제 이름으로 클래스를 추가 할

+0

클래스 속성을 제거하면 클래스 추가 방법 – PSR

0

이 시도 :

$('#div').removeAttr('class').attr('class', 'second'); 
0

toggleClass() 메소드는 가산 및 하나 이상의 제거를 바꾸는 선택한 요소의 클래스 이름

이 메서드는 각 요소의 지정된 클래스 이름을 검사합니다. 누락 된 경우 클래스 이름이 추가되고 이미 설정된 경우 제거됩니다. 이렇게하면 토글 효과가 만들어집니다.

$("#div").toggleClass(second,function(index,first),TRUE) 
관련 문제