jQuery에서 데이터 속성을 기반으로 요소를 대상으로 지정하고 조작하는 방법은 무엇입니까?

jQuery에서 데이터 속성 값으로 요소 찾기

유사한 구조와 데이터 속성을 가진 요소가 여러 개 있습니다. 작업은 데이터 속성 값을 기반으로 특정 요소를 대상으로 지정하고 조작하는 것입니다.

귀하의 경우 데이터 슬라이드 속성 값이 0인 요소에 클래스를 추가하려고 합니다. 이를 달성하려면, jQuery에서 Attribute Equals Selector 구문을 활용할 수 있습니다.

해결책:

$('.slide-link[data-slide="0"]').addClass('active');

설명:

1. 속성 선택기: [attribute="value"]: 지정된 속성 및 값을 기반으로 요소를 선택합니다. 여기서 [data-slide="0"]은 값이 0인 data-slide 속성이 있는 요소와 일치합니다.
2. addClass() 메서드:는 새 CSS 클래스를 추가합니다. 선택한 요소. 이 경우 .addClass('active')는 활성 클래스를 요소에 적용합니다.

find() 메서드와의 비교:

이전 클래스는 find() 메소드를 사용하려고 시도하면 Attribute Equals Selector와 다르게 작동합니다. find()는 지정된 선택기와 일치하는 선택된 요소의 자손을 검색합니다. 이 컨텍스트에서는 데이터 슬라이드 속성 값이 0인 하위 요소를 찾게 되는데, 이는 의도한 것과 다릅니다.

Fiddle Demo:

[예 바이올린 데모](https://jsfiddle.net/example-of-attribute-equals-selector/)

위 내용은 jQuery에서 데이터 속성을 기반으로 요소를 대상으로 지정하고 조작하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!