programing

jquery로 요소의 클래스 이름을 변경하는 방법

yoursource 2021. 1. 16. 10:54
반응형

jquery로 요소의 클래스 이름을 변경하는 방법


<div class="bestAnswerControl">
    <div id="ct100_contentplaceholder_lvanswer_control_divbestanswer"  
         class="IsBestAnswer"></div>
</div>

추가하고 싶습니다 :

.bestanswer
{
    // some attribute
}

class="IsBestAnswer"div를 class="bestanswer"jquery 로 바꾸고 싶습니다 . 어떻게해야합니까?

이 접근 방식을 사용하고 있습니다.

$('.IsBestAnswer').addclass('bestanswer'); 

하지만 작동하지 않습니다.


$('.IsBestAnswer').addClass('bestanswer').removeClass('IsBestAnswer');

메서드 이름의 대소 문자가 중요하므로 addclass.

jQuery addClass()
jQueryremoveClass()


removeClass 및 addClass 대신 다음과 같이 할 수도 있습니다.

$('.IsBestAnswer').toggleClass('IsBestAnswer bestanswer');

$('.IsBestAnswer').removeClass('IsBestAnswer').addClass('bestanswer');

코드에는 두 가지 문제가 있습니다.

  1. 선택기 .IsBestAnswe가 생각한 것과 일치하지 않습니다.
  2. 그것은이다 addClass(),하지 addclass().

또한 클래스 교체 할 것인지 추가 것인지 잘 모르겠습니다 . 위의 내용은 대체되지만 .removeClass('IsBestAnswer')추가 부분 만 제거합니다 .

$('.IsBestAnswer').addClass('bestanswer');

CSS 클래스에서도 camelCase를 사용할지 또는 모두 소문자를 사용할지 결정해야합니다 (예 : bestAnswervs. bestanswer).

참조 URL : https://stackoverflow.com/questions/3959236/how-to-change-class-name-of-an-element-by-jquery

반응형