Jquery를 사용하여 요소의 다른 클래스 가져 오기

Question

버튼을 쉽고 유연하게 만들 수있는 작은 스크립트를 만들고 있습니다.

내 버튼은 왼쪽, 오른쪽 및 가운데 중간 부분으로 구성됩니다. 세 가지 크기와 세 가지 색상이 각각 있습니다.

나는 텍스트에 맞게 버튼의 크기를 조절하는 코드를 작성했습니다. 이제는 색상과 크기를 쉽게 설정할 수있는 기능을 추가하려고합니다.

<div class="button blue big">과 같은 세 가지 클래스를 사용하려고 생각했습니다. 내 스크립트는 이미 각 클래스를 사용하여 버튼 클래스를 반복합니다. 이제는 다른 수업이 무엇인지 찾아 내고 맞는 그림과 치수를 조정해야합니다.

그렇다면 요소에 다른 클래스 선택기가 어떤 것이 있는지 어떻게 알 수 있습니까?

또한 jquery/javascript에 새로 도입되어 클래스 선택기로 디자인을 저장하는 것이 가장 좋은 방법인지 궁금합니다.

Answer 1

당신이 할 수있는 모든 클래스를 활용하려면 다음

$('div.button').attr('class').replace(/\s+/,' ').split(' '); 

가 반환됩니다

['button','blue','big'] 

업데이트 :

또는 요소가 특정 클래스가 있는지 확인 :

를

$('div.button').hasClass('blue'); 
// or 
$('div.button').hasClass('big');