태그에 데이터 속성을 추가하고 JQuery를 사용하여 검색하십시오.

Question

약간의 문제가 있습니다. 여러 개의 a 태그가 있습니다. 각각 data 속성을 할당하고 JQuery을 사용하여 data 속성 값을 참조하고 싶습니다. 내 양식에 숨겨진 필드의 값을 data 속성으로 설정하고 싶습니다.

그러나이 작업을 수행하는 방법은 확실하지 않습니다. 현재이 링크가 있습니다.

<a href="" class="myclass" name="hello">Say Hello</a> 

나는 name 가치를 얻을 수 있도록하고 싶습니다 내 JQuery에서

.... 이런

뭔가 ....

$(".myclass").click(function (e) { 
     e.preventDefault(); 
     console.log(e.attr('name')); 
}); 

출력 값 hello

Answer 1

클릭 핸들러 내부 this은 클릭 된 DOM 요소입니다.

사용 $(this)는 jQuery를 객체로 변환하고 그에 attr을 사용 :

$(".myclass").click(function (e) { 
     e.preventDefault(); 
     console.log($(this).attr('name')); 
});