Undefined不是函数（jQuery添加/删除类）

我正在做一个简单的交换按钮，它似乎不起作用

HTML

JAVASCRIPT

---

我是不是漏掉了什么明显的东西

您没有使用jQuery来选择这些元素，因此它们没有hasClass、removeClass和addClass方法。它们只是DOM元素。改用这个：

function paid(currentId) {

// Select the element using jQuery
var $elem = $("#"+currentId);

if ($elem.hasClass("no")) {
    $elem.removeClass( 'no' ); 
    $elem.addClass( 'yes' );   
}

else if ($elem.hasClass("yes")) {
    $elem.removeClass( 'yes' );    
    $elem.addClass( 'no' );    
}

}

此外，不应使用onclick属性。您应该改用jQuery语法：

$("a").on("click", function() {
    if ($(this).hasClass("no")) {
        $(this).removeClass( 'no' ); 
        $(this).addClass( 'yes' );   
    }

    else if ($(this).hasClass("yes")) {
        $(this).removeClass( 'yes' );    
        $(this).addClass( 'no' );    
    }
});

---

最后，在这里做个好人！您应该阅读一本好的jQuery教程，因为您似乎还没有完全掌握使用该库所需的技术。

您没有使用jQuery来选择这些元素，因此它们没有hasClass、removeClass和addClass方法。它们只是DOM元素。改用这个：

function paid(currentId) {

// Select the element using jQuery
var $elem = $("#"+currentId);

if ($elem.hasClass("no")) {
    $elem.removeClass( 'no' ); 
    $elem.addClass( 'yes' );   
}

else if ($elem.hasClass("yes")) {
    $elem.removeClass( 'yes' );    
    $elem.addClass( 'no' );    
}

}

此外，不应使用onclick属性。您应该改用jQuery语法：

$("a").on("click", function() {
    if ($(this).hasClass("no")) {
        $(this).removeClass( 'no' ); 
        $(this).addClass( 'yes' );   
    }

    else if ($(this).hasClass("yes")) {
        $(this).removeClass( 'yes' );    
        $(this).addClass( 'no' );    
    }
});

---

最后，在这里做个好人！您应该阅读一本好的jQuery教程，因为您似乎还没有完全掌握使用该库所需的技术。

您可以这样使用jQuery，而不是创建付费函数：

jQuery(document).ready(function(){
    jQuery('a').click(function(){
        jQuery(this).toggleClass('yes');
        jQuery(this).toggleClass('no');
    })
})

---

这将把点击事件绑定到锚定标记和切换类。

您可以像这样使用jQuery，而不是创建付费函数：

jQuery(document).ready(function(){
    jQuery('a').click(function(){
        jQuery(this).toggleClass('yes');
        jQuery(this).toggleClass('no');
    })
})

---

这将把click事件绑定到锚定标记和切换类。

纯javascript解决方案如下：

jQuery(document).ready(function(){
    jQuery('a').click(function(){
        jQuery(this).toggleClass('yes');
        jQuery(this).toggleClass('no');
    })
})

HTML

---

纯javascript解决方案如下所示：

jQuery(document).ready(function(){
    jQuery('a').click(function(){
        jQuery(this).toggleClass('yes');
        jQuery(this).toggleClass('no');
    })
})

HTML

---

尽量避免定义以数字开头的ID尽量避免定义以数字开头的ID谢谢！工作很好：我会在10分钟内接受答案谢谢！效果很好：我会在10分钟内接受答案