programing

jquery로 클릭한 링크의 href를 얻는 방법?

lovejava 2023. 9. 16. 08:21

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)을 사용하면 해당 클래스가 있는 모든 요소 집합을 얻을 수 있습니다.그런 다음 특성을 호출하면 컬렉션의 첫 번째 항목 값이 반환됩니다.

우리가 세개의 앵커 태그를 가지고 있다고 가정해보자 , ,

<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);
});

className 대신 이 키워드 사용(testClick)

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