jQuery를 사용하여 여러 클래스 선택


222

나는 잘 보았고 다음과 같은 하나의 jQuery 선택기 문에서 특정 클래스와 일치하는 모든 요소를 ​​선택하는 방법을 찾을 수없는 것 같습니다.

$('.myClass', '.myOtherClass').removeClass('theclass');

이것을 달성하는 방법에 대한 아이디어가 있습니까? 다른 옵션은

$('.myClass').removeClass('theclass');
$('.myOtherClass').removeClass('theclass');

하지만 꽤 많은 클래스 로이 작업을 수행하므로 많은 코드가 필요합니다.

답변:


402

이것은 작동해야합니다 :

$('.myClass, .myOtherClass').removeClass('theclass');

첫 번째 인수에서 여러 선택기를 모두 $ ()에 추가해야합니다. 그렇지 않으면 jQuery에 검색 할 컨텍스트를 제공합니다. 원하는 컨텍스트가 아닙니다.

CSS에서와 동일합니다.


3
각 요소에 지정된 클래스가 모두있는 경우에만 일치 시키려면 어떻게해야합니까?
IsmailS

12
좋아, 나는 this one stackoverflow.com/q/1041344/148271을 얻었다 . 기본적으로 교차점을 위해 모든 선택기에 가입해야합니다. 마찬가지로$(".myClass.myOtherClass")
IsmailS

CSS 그룹화에 대한 추가 정보 : W3C "Grouping" .
skrounge

@wal : 쉼표는 두 클래스를 가리킬 때 CSS에서도 필요합니다. 쉼표가 없으면 .myOtherClass내부 어딘가에 참조됩니다 .myClass.
geekuality

이 답변은 질문에 대답하지 않습니다. 이렇게하면 OR을 만들 수 있습니다! 그리고 안돼 !!
Mahmoud Khateeb


25

나는 사용한다 $('.myClass.myOtherClass').removeClass('theclass');


34
HTML 요소가 여러 클래스를 가지고 있으며, 당신은 단지를 가진 요소의 클래스를 제거하려는 경우는 모두 해당 클래스의. 다른 예제는 쉼표로 구분 된 클래스가있는 요소에서 클래스를 제거합니다. 귀하의 예제는 다음 과 같이 HTML 요소가 모두있는 경우에만 작동합니다.<div class="myClass myOtherClass theclass">
Kezzer

0
// Due to this Code ): Syntax problem.    
$('.myClass', '.myOtherClass').removeClass('theclass'); 

jQuery 설명서에 따르면 https://api.jquery.com/multiple-selector/

이런 식으로 여러 클래스를 선택할 수있는 경우 :

jQuery(“selector1, selector2, selectorN”) // double Commas. // IS valid.
jQuery('selector1, selector2, selectorN') // single Commas. // Is valid.

모든 선택자를 단일 '...' '또는 이중 쉼표 "..."로 묶음

따라서 귀하의 경우 여러 클래스를 호출하는 올바른 방법은 다음과 같습니다.

$('.myClass', '.myOtherClass').removeClass('theclass'); // your Code // Invalid.
$('.myClass , .myOtherClass').removeClass('theclass');  // Correct Code // Is valid.
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.