Question

I have a simple anchor element with a class applied. Each time the anchor is clicked I would like to add a number to the class using jQuery, each additional click should increase this number by 1.

Default Example:

<a id="idname" class="classname" href="#">Next</a>

1st Click:

<a id="idname" class="classname1" href="#">Next</a>

2nd Click:

<a id="idname" class="classname2" href="#">Next</a>

And so on…

Thanks in advance for any tips or suggestions

Answer 1

Try this

var className = "classname", count = 1;
$("a.classname").click(function(){
  this.className = (className + (++count));
});