jQuery addClass

Question

我正在尝试用addClass和removeClass制作一个自定义的简单切换按钮。

这些按钮如下所示：

<input type="button" class="btn shortcutson" value="Enable">
<input type="button" class="btn shortcutsoff selected" value="Disable">

对于切换，我使用以下命令：

$(".searchbtnon").click(function(){
        $('.searchbtnoff').removeClass('selected');
        $(this).addClass('selected');
    });
    $(".searchbtnoff").click(function(){
        $('.searchbtnon').removeClass('selected');
        $(this).addClass('selected');
    });

为什么这不起作用？

Answer 1

您的类名与HTML内容不匹配。

您的inputs显示为shortcutson

但是你的jQuery查找的是.searchbtnon

更改它们以使其匹配，您应该就可以了。