BinaryDevelop
  1. ホーム
  2. javascript

[解決済み] jQueryを使用してhref値を取得する方法は？

2022-04-15 11:01:40

質問

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>

しかし、うまくいきません。なぜでしょう？

どうすればいいですか？

必要なもの 

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

jQueryのクリックハンドラ内部では this オブジェクトはクリックされた要素を参照しますが、あなたの場合、常に最初の <a> を表示します。ちなみに、この例がうまくいって、実際のコードがうまくいかないのは、このためです。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します