jquery - アンカーがクリックされているかどうかを確認します

Question

<a href='#' id='aId1'>1</a>
<a href='#' id='aId2'>2</a>
<a href='#' id='aId3'>3</a>
<a href='#' id='aId4'>4</a>
<a href='#' id='aId5'>5</a>

JQueryでアンカーがクリックされているかどうかを確認することはできますか？クリックされたアンカーのIDを取得する必要があり、アンカーがクリックされていない場合は、実行するイベントも必要です。

Answer 1

これは、アンカーがクリックされたときにのみidトリガーされ、要素を変数として保存します。

$("a").on("click", function (e) {

    // Id of the element that was clicked
    var elementId = $(this).attr("id");

});

アンカーがクリックされたときのデフォルトのアクションを防ぎたい場合は、これを関数の最後に追加します。

e.preventDefault(); return false;

後で参照できるようにアンカーをクリック済みとしてマークする場合は、次のことを試してください。

$("a").on("click", function (e) {

    // Id of the element that was clicked
    var elementId = $(this).attr("id");

    $(this).data("clicked", true);

});

jqueryを使用して、クリックされたかどうかを確認します。

$(element).data("clicked") // returns True or False

クリックされているすべてのものを聞き、それがアンカーであるかどうかを確認したい場合は、次を試してください。

$("*").not("body").on("click", function (e) {

    if ($(this).is("a")) {
        // Id of the element that was clicked
        var elementId = $(this).attr("id");
    } else {
        // An anchor was not clicked, do something else
    }

});

Answer 2

1つの方法は、クリックされたときにクリックされたクラスを追加することです。

$("a").click(function(){
    $(this).addClass("clicked");
});

次に、$（ "。clicked"）セレクターを使用して処理を実行できます。