javascript - クリック時にリンクの ID を取得する

Question

クリック時にリンクの ID を取得しようとしています。リンクがどこにも行きたくないので、IDが欲しいだけです。

これまでのところ、コードはコンソールに何も書き込みません。何が間違っているのかわかりません。

これが私のコードです：

    $("#webLinks a").on('click', function () {
        console.log('clicked: ' + a.id);
    });

    <div id="webLinks">
        <div class="linkRows">
            <div name="link1">
                <a id="webLink1" href="#" name="www.google.com">Google</a>
            </div>
        </div>
    </div>

ありがとう

Answer 1

変化する：

console.log('clicked: ' + a.id);

に：

console.log('clicked: ' + this.id);

jsFiddle の例

thisクリックを受け取る要素を参照します。元のコードでaは、アンカー (または何か) を参照していないため、未定義です。

また、要素がページに存在した後、またはドキュメントの準備完了呼び出し内からコードが実行されていることを確認してください。

$( document ).ready(function() {
   // Your code here
});

Answer 2

使用する

$("#webLinks a").on('click', function () {
       $(this).attr('id');
});