Programing

jquery로 클릭 한 링크의 href를 얻는 방법은 무엇입니까?

crosscheck 2020. 9. 21. 07:14
반응형

jquery로 클릭 한 링크의 href를 얻는 방법은 무엇입니까?


누구든지 jquery로 클릭 한 링크의 href를 어떻게 얻을 수 있는지 알고 있습니까? 다음과 같은 링크가 있습니다.

    <a  href="ID=1" class="testClick">Test1.</a>
    <br />
    <a  href="ID=2" class="testClick">Test2.</a>
    <br />
    <a  href="ID=3" class="testClick">Test3.</a>

클릭 한 링크에서 href 값을 얻기 위해 다음과 같은 코드를 작성했습니다. 그러나 어쨌든 이것은 Test2 또는 Test3을 클릭하더라도 항상 첫 번째 링크의 href (ID = 1)를 반환합니다. 여기서 무슨 일이 일어나고 있는지 아는 사람이 있습니까? 이 문제를 어떻게 해결할 수 있습니까?

    $(".testClick").click(function () {
        var value = $(".testClick").attr("href");
        alert(value );
    });

콜백 함수는 클릭 된 요소를 의미합니다.

   $(".addressClick").click(function () {
        var addressValue = $(this).attr("href");
        alert(addressValue );
    });

당신은 찾고 있습니다 $(this).attr("href");


$(".testClick").click(function () {
         var value = $(this).attr("href");
         alert(value );     
}); 

$ ( ". className")을 사용하면 해당 클래스가있는 모든 요소의 집합을 얻게됩니다. 그런 다음 attr을 호출하면 컬렉션의 첫 번째 항목 값만 반환됩니다.


다음과 같은 세 개의 앵커 태그가 있다고 가정합니다.

<a  href="ID=1" class="testClick">Test1.</a>
<br />
<a  href="ID=2" class="testClick">Test2.</a>
<br />
<a  href="ID=3" class="testClick">Test3.</a>

이제 스크립트로

$(".testClick").click(function () {
        var anchorValue= $(this).attr("href");
        alert(anchorValue);
});

사용 대신 클래스 이름의 키워드 (testClick)

참고 URL : https://stackoverflow.com/questions/5508021/how-to-get-the-clicked-links-href-with-jquery

반응형