jQuery addClass/removeClass仅在Firefox中工作

jQuery addClass/removeClass仅在Firefox中工作,jquery,html,css,Jquery,Html,Css,有谁能告诉我为什么这在Firefox中有效,而在Safari或Chrome中无效 newClass变量只是从一个选择框值获取输入,然后我使用它创建一个选择器,并在所选元素上使用addClass/removeClass 我尝试了不同的语法,比如添加。输入变量,而不是将其添加到选择器中,但结果相同 $document.readyfunction{ $”。第一个位置选择。单击函数{ var newClass=$'first_place'.find':selected'.text; $.+newCla

有谁能告诉我为什么这在Firefox中有效,而在Safari或Chrome中无效

newClass变量只是从一个选择框值获取输入,然后我使用它创建一个选择器,并在所选元素上使用addClass/removeClass

我尝试了不同的语法,比如添加。输入变量,而不是将其添加到选择器中,但结果相同

$document.readyfunction{ $”。第一个位置选择。单击函数{ var newClass=$'first_place'.find':selected'.text; $.+newClass.removeClass“第二个活动”; $.+newClass.removeClass“第三个活动”; $.+newClass.addClass“第一个活动”; }; }; 选择 第1组 第二组 第三小组 团队4 1. 2. 3.
4使用“选择”下拉菜单时,不要单击“尝试更改事件”

$('#first_place').change(function(){
    var selectedValue = $(this).val();
        $(this).removeClass('second-active third-active').addClass('first-active');
})

提供一个工作演示。这是非常通用的,可以在所有浏览器中工作。我的猜测是,在safari/chrome崩溃之前,您还运行了其他代码。您是否尝试过替换单击以进行更改?您试图实现什么?谢谢。我尝试使用change而不是click,但它在所有浏览器中都停止工作。没有完全做到我想做的,但它让我走上了正轨,我现在已经开始工作了。