jQuery를 사용하여 HTML 요소의 모든 클래스 이름을 어떻게 검색할 수 있습니까?

jQuery로 요소 클래스 이름 검색

HTML 요소로 작업할 때 클래스 속성을 관리해야 하는 경우가 많습니다. jQuery는 클래스를 조작하기 위한 다양한 방법을 제공하지만 때로는 특정 요소에 할당된 모든 클래스 이름을 반복하거나 검색해야 하는 작업이 있습니다.

이를 달성하려면 두 가지 기본 방법이 있습니다.

JavaScript의 기본 className 속성 사용:

var classList = document.getElementById('divId').className.split(/\s+/);

이 메소드는 모든 항목을 포함하는 배열을 반환합니다. 지정된 ID(이 경우 'divId')를 가진 요소에 할당된 클래스 이름.

jQuery attr() 메서드 사용:

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

다음과 유사 기본 JavaScript 접근 방식인 이 메서드는 클래스 배열도 반환합니다. names.

참고:

• jQuery의 hasClass() 메서드는 요소에 특정 클래스가 있는지 확인하는 데 유용하지만 다음에 대한 액세스를 제공하지는 않습니다. 모든 클래스 이름.
• 클래스 이름을 반복하고 조건부 확인을 수행해야 하는 경우 $.each()를 사용할 수 있습니다. 예에 표시된 기능:

$.each(classList, function(index, item) {
    if (item === 'someClass') {
        //do something
    }
});

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