jQuery를 사용하여 클릭한 요소의 `data-id` 속성을 어떻게 얻나요?-JS 튜토리얼-php.cn

jQuery를 사용하여 클릭한 요소의 `data-id` 속성을 어떻게 얻나요?

Patricia Arquette

풀어 주다： 2024-12-09 17:34:10

원래의

364명이 탐색했습니다.

How Do I Get the `data-id` Attribute of a Clicked Element using jQuery?

jQuery 클릭 이벤트에 대한 데이터 ID 속성 가져오기

jQuery Quicksand 플러그인으로 작업할 때 데이터 ID를 검색해야 합니다. 클릭한 요소의 속성을 웹 서비스에 전달합니다. 이 속성은 특정 항목을 식별하는 데 중요합니다.

jQuery의 .on() 메서드를 사용하여 data-id 속성을 얻으려면 다음 구문을 사용하세요.

$(this).attr("data-id");

로그인 후 복사

이 명령은 값을 검색합니다. 클릭 이벤트를 트리거한 요소의 data-id 속성과 연결됩니다.

제공된 예에서 code:

$("#list li").on('click', function() {
  // Retrieve the data-id value
  let dataId = $(this).attr("data-id");
});

로그인 후 복사

여기서 dataId에는 클릭한 목록 항목의 data-id 속성 값(

)이 포함됩니다.

jQuery 1.4를 사용하는 경우. 3 이상에서는 .data() 메서드를 대신 사용할 수 있습니다.

$(this).data("id");

로그인 후 복사

이 메서드는 data-id 속성이 정수인 경우 숫자 값으로 표시됩니다.

data-의 속성 이름은 소문자여야 한다는 점을 기억하세요. 예를 들어 data-id는 유효하지만 data-idNum은 유효하지 않습니다.

위 내용은 jQuery를 사용하여 클릭한 요소의 `data-id` 속성을 어떻게 얻나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!