> 웹 프론트엔드 > CSS 튜토리얼 > ID를 기반으로 jQuery를 사용하여 TD의 클래스를 어떻게 변경할 수 있나요?

ID를 기반으로 jQuery를 사용하여 TD의 클래스를 어떻게 변경할 수 있나요?

Susan Sarandon
풀어 주다: 2024-12-13 15:38:15
원래의
914명이 탐색했습니다.

How Can I Change a TD's Class Using jQuery Based on Its ID?

jQuery 클래스 조작

ID에 따라 TD 클래스 변경

문제:

내부 다른 DOM 요소에 대한 클릭 이벤트, TD 요소의 클래스를 변경하려는 경우 고유 ID("td_id")를 기반으로 합니다.

jQuery를 사용한 솔루션:

클래스를 완전히 설정하려면 .attr() 메서드를 사용하세요.

$("#td_id").attr('class', 'newClass');
로그인 후 복사

기존 클래스에 영향을 주지 않고 클래스를 추가하려면 다음을 사용하세요. .addClass():

$("#td_id").addClass('newClass');
로그인 후 복사

빠른 클래스 교환을 위해 .toggleClass():

$("#td_id").toggleClass('change_me newClass');
로그인 후 복사

추가 클래스 조작 방법:

  • [jQuery 문서: 클래스 속성 메소드](https://api.jquery.com/category/class-attribute/)

위 내용은 ID를 기반으로 jQuery를 사용하여 TD의 클래스를 어떻게 변경할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿