CODEWITHSUNDEEP
javascriptjquery
ShaneKm
ShaneKm

Reputation: 21328

jquery click event on element not having a class

How would I make sure that this href element is will fire "click" event unless it does NOT have "disablelink" class.

DO NOT PROCESS:

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

PROCESS:

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

tried this without success:

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

Upvotes: 3

Views: 5731

Answers (4)

techfoobar
techfoobar

Reputation: 66693

This should work:

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

If the disablelink class is being added dynamically:

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

Check this demo: http://jsfiddle.net/d3rXr/1/

Upvotes: 6

Rodik
Rodik

Reputation: 4092

Firstly, this probably doesn't work because some links had disablelink added to them dynamically, and after they already had the click handler bound to them.

Secondly, you should just check for that class inside the click handler, like so:

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

Upvotes: 0

Geert
Geert

Reputation: 1227

You could go like this:

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

Upvotes: 0

mas-designs
mas-designs

Reputation: 7536

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

Why don't you check when the anchor is clicked, and if it has the class it returns and does nothing, which would be more readable code I guess.

Upvotes: 0

Related Questions