jQuery mouse click counter

Question

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?

declare a variable as counter and increase it by 1 on click, and check this counter value. — Yograj Gupta, Sep 07 '12 at 14:01

score 14 · Accepted Answer · answered Sep 07 '12 at 14:01

14

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

(function () {
  var count = 0;

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

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

answered Sep 07 '12 at 14:01

Danil Speransky

29,891
5
68
79

score 3 · Answer 2 · answered Sep 07 '12 at 14:02

3

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.

answered Sep 07 '12 at 14:02

Constantinius

34,183
8
77
85

score 2 · Answer 3 · answered Sep 07 '12 at 14:00

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.

jQuery mouse click counter

3 Answers3

Linked