CODEWITHSUNDEEP
javascriptjqueryhtmlclickmouseevent
Milan Vučković
Milan Vučković

Reputation: 99

jQuery mouse click counter

I need to color a table in zebra style, and then when I click on the table, twice (not double click), it should change back to original.

My question is, how to count 2 clicks?

Upvotes: 7

Views: 52398

Answers (3)

Constantinius
Constantinius

Reputation: 35059

You can use jQuery's toggleClass function for that:

$(" ... ").click(function() {
    $(this).toggleClass("someClass");
});

When clicked once, the element has the someClass class, and when clicked twice, the class is removed again.

Upvotes: 3

Danil Speransky
Danil Speransky

Reputation: 30453

Demo: http://jsfiddle.net/aztVY/

(function () {
  var count = 0;

  $('table').click(function () {
    count += 1;

    if (count == 2) {
      // come code
    }
  });
})();

Upvotes: 15

Michal Klouda
Michal Klouda

Reputation: 14521

I might be wrong, but in between the lines of your question I read that you actually ask about toggleClass() method documented here.

Add or remove one or more classes from each element in the set of matched elements, depending on either the class's presence or the value of the switch argument.

Upvotes: 2

Related Questions