jQuery를 사용하여 href 값을 얻는 방법?

163

jQuery를 사용하여 href 값을 얻으려고합니다.

<html>
    <head>
        <title>Jquery Test</title>
         <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">
        $(document).ready(function() {
            $("a").click(function(event) {
                alert("As you can see, the link no longer took you to jquery.com");
                var href = $('a').attr('href');
                alert(href);
                event.preventDefault();
            });
        });
        </script>
    </head>
    <body>
        <a href="http://jquery.com/">jQuery</a>
    </body>
</html>

그러나 작동하지 않습니다. 왜?

javascript jquery

— Adi Sembiring
소스

정확히 작동하지 않는 것을 알려주시겠습니까? 경고가 비었습니까? 당신은 2 경고를 받았습니까? JS 오류가 있습니까? 그것은 나를 위해 일하고 있습니다 ...

— 벤 로우

upss ..., 죄송합니다. 문제는 명확한 캐시입니다

— Adi Sembiring

여기에서 바이올린 : jsfiddle.net/LijoCheeran/t1xs4wo7

— LCJ

351

당신은 필요

var href = $(this).attr('href');

jQuery 클릭 핸들러 내에서 this객체는 클릭 한 요소를 참조하지만 귀하의 경우 항상 <a>페이지 의 첫 번째 에 대한 href를 얻습니다 . 우연히도 예제가 작동하지만 실제 코드는 그렇지 않습니다.

— 가레스
소스

12

이 코드로 현재 href 값을 얻을 수 있습니다.

$(this).attr("href");

ID로 href 값을 얻으려면

$("#mylink").attr("href");

— 프린스 파텔
소스

2

그것은 작동합니다 ... IE8 (컴퓨터에서 파일을 테스트하는 경우 자바 스크립트를 실행하는 것을 잊지 마십시오)과 크롬에서 테스트되었습니다.

— 알파 텍
소스

Chrome은 설정에 따라 두 번째 팝업을 표시하지 않을 수 있습니다. 크롬에서 테스트 했습니까? 그렇다면 첫 번째 경고를 주석 처리하면 작동합니다.

— Michael La Voie

2

페이지에 <a>작동 하는 페이지가있는 경우에는 많은 페이지 <a>를 사용해야합니다.var href = $(this).attr('href');

— 광통
소스

1

정의되지 않은 출력 제공

— VishalParkash

0

언급 할 가치가 있습니다.

$('a').attr('href'); // gets the actual value
$('a').prop('href'); // gets the full URL always

— 자항 기르 자만
소스