jQuery를 사용하여 요소의 클래스 목록을 어떻게 얻고 조작할 수 있습니까?

jQuery로 요소의 클래스 목록 가져오기

jQuery에서는 attr('class'를 사용하여 요소의 클래스 목록을 검색할 수 있습니다. ) 메서드는 할당된 모든 클래스가 포함된 문자열을 반환합니다. 이러한 클래스의 배열을 얻으려면 분할(/s /);을 사용하여 공백을 기준으로 문자열을 분할할 수 있습니다.

예를 들어 HTML이 포함된 요소가 있는 경우:

<div class="Lorem ipsum dolor_spec sit amet">Hello World!</div>

다음 방법으로 수업 목록에 액세스할 수 있습니다.

var classList = $('#divId').attr('class').split(/\s+/);

이 결과는 다음과 같습니다. 문자열:

• "Lorem"
• "ipsum"
• "dolor_spec"
• "sit"
• "amet"

다음과 같은 특정 클래스를 찾으려면 "dolor_spec"을 사용하면 배열을 반복하고 각 요소를 원하는 클래스 이름과 비교할 수 있습니다.

for (var i = 0; i < classList.length; i++) {
    if (classList[i] === 'dolor_spec') {
        // Do something
    }
}

jQuery는 요소에 특정 클래스가 있는지 확인하는 hasClass() 메서드를 제공하지만 클래스 이름은 미리 알려져 있어야 합니다. 실제 클래스 이름이 변수인 경우 배열 기반 접근 방식을 사용하여 원하는 클래스를 찾아 조작할 수 있습니다.

위 내용은 jQuery를 사용하여 요소의 클래스 목록을 어떻게 얻고 조작할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!