jQuery Quicksand를 사용하여 클릭한 항목의 'data-id' 속성을 어떻게 검색할 수 있나요?

jQuery Quicksand에서 클릭한 항목에 대한 Data-id 속성 검색

jQuery Quicksand 플러그인으로 작업할 때 클릭한 요소의 data-id 속성을 얻는 것은 이를 웹 서비스에 전달하거나 추가 작업을 수행합니다. 이 글의 목표는 이 요구 사항에 대한 포괄적인 솔루션을 제공하는 것입니다.

Quicksand 플러그인을 사용하면 페이지를 다시 로드하지 않고도 요소를 동적으로 정렬하거나 필터링할 수 있습니다. 클릭 이벤트를 정렬되거나 필터링된 요소에 바인딩하려면 .on() 메서드가 사용됩니다. 그러나 클릭한 요소와 관련된 특정 정보를 검색하려면 data-id 속성에 액세스해야 합니다.

Data-id 속성 얻기

data-id 속성 값을 검색하려면 jQuery 두 가지 방법을 제공합니다:

사용 .attr():

이 메소드는 속성 값을 문자열로 직접 검색합니다.

.data() 사용:

jQuery 1.4.3에서 출시된 이 메서드는 속성 값을 구문 분석된 데이터 유형으로 검색합니다( 가능).

구현 예

다음 HTML 및 JavaScript 코드를 고려하세요.

이 예에서 data-id 속성의 값은 사용된 jQuery 버전에 따라 .attr() 또는 .data() 메서드를 사용하여 액세스할 수 있습니다. data-id="id-40"인 요소를 클릭하면 경고 대화 상자에 해당 값이 표시됩니다.

위 내용은 jQuery Quicksand를 사용하여 클릭한 항목의 'data-id' 속성을 어떻게 검색할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!