javascript - クラスを持たない要素のjqueryクリックイベント

Question

「disablelink」クラスがない場合を除いて、このhref要素が「click」イベントを発生させることをどのように確認しますか。

処理しないでください：

<a class="iconGear download disablelink" href="#">Download</a>

処理する：

<a class="iconGear download" href="#">Download</a>

---

成功せずにこれを試しました：

    $("a.download").not(".disablelink").click(function (e) {
        alert('in');
        e.preventDefault();
    });

Answer 1

これは機能するはずです：

$("a.download:not('.disablelink')").click(function (e) {
    alert('in');
    e.preventDefault();
});

disablelinkクラスが動的に追加されている場合：

$(document).on('click', "a.download:not('.disablelink')", function (e) {
    alert('in');
    e.preventDefault();
});

このデモを確認してください：http ：//jsfiddle.net/d3rXr/1/

Answer 2

$('a.download').click(function(e){
    e.preventDefault();
    if($(this).hasClass('disablelink')){
        return;
    }else{
      //other stuff;
    }
});

アンカーがクリックされたときにチェックしてみませんか。アンカーにクラスがある場合は、アンカーが返され、何も実行されません。これは、より読みやすいコードだと思います。

Answer 3

あなたはこのように行くことができます：

$("a.download").click(function(e) {
    if($(this).hasClass("disablelink")) {
        return false;
    }
    // Normal code
    alert('in');
    e.preventDefault();
});

Answer 4

まず、一部のリンクにはdisablelinkが動的に追加されており、クリックハンドラーが既にバインドされているため、これはおそらく機能しません。

次に、次のように、クリックハンドラー内でそのクラスを確認する必要があります。

$("a.download").click(function (e) {
    if($(this).hasClass('disablelink')){
       e.preventDefault();
       // link is disabled
    }else{
       alert('in');
       // link is active
    } 
});