Question

我有一个应用了类的简单锚元素。每次单击锚点时，我想使用jQuery向该类添加一个数字，每增加一次点击就会将此数字增加1。

默认示例：

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

第一次点击：

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

第二次点击：

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

等等......

提前感谢任何提示或建议

Answer 1

var clickCount = 0;
$("#idname").click(function(event) {
    $(this).removeClass(clickCount > 0 ? "classname" + clickCount : "className");
    clickCount++;
    $(this).addClass("classname" + clickCount); 
});

Answer 2

试试这个

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

Answer 3

这应该做的工作：

var count = 0;
$("#idname").click(function() {
    count++;
    $("#idname").attr('class', 'classname' + count) ;
});

Answer 4

试试这个

    $(document).ready(function() {
        className = $('#idname').attr('class');
        $('#idname').click(function() {
            $this = $(this);
            var counter = $this.attr('class').split(className)[1];              
            var nextNum = 1;
            if (counter != '') //if the counter has already started
                nextNum = parseInt(counter) + 1;
            $this.removeClass().addClass(className + nextNum);
        });
    });

在类中添加一个数字，并使用jQuery在每次单击时更新

4 个答案: