Jquery-addClass和removeClass在函数内部不起作用

Question

我正在使用jquery。addClass和removeClass函数在我的代码中无法正常工作。若函数并没有被调用，我尝试调试。日志显示"test"one_answers"test1"，但添加类和删除类不起作用。

这是代码

<label class="radio-inline">
<spring-form:radiobutton name="residentCanadienImpot" class="radio-inline" path="indResidentCanadienImpot" id="residentCanadianImpotOui" value="O"/>
<spring-tags:message code="lef.oui"/>
</label>

var elementFiscaliteCanadaOui = $('#residentCanadianImpotOui');
var elementFiscaliteUsaOui = $('#residentAmericainImpotOui');
var elementFiscaliteAutreOui = $('#residentAutrePaysImpotOui');
if (valGroupeRadioindResIdentCanadaImpot === 'N' &&
valGroupeRadioIndResidentUsaImpot === 'N' &&
valGroupeRadioIndResidentAutreImpot === 'N') {
console.log("test");
$(elementFiscaliteCanadaOui).removeClass("radio-inline").addClass('alertElem');
$(elementFiscaliteUsaOui).removeClass("radio-inline").addClass('alertElem');
$(elementFiscaliteAutreOui).removeClass("radio-inline").addClass('alertElem');
console.log("test1");
}

Answer 1

的更改

$(elementFiscaliteCanadaOui).removeClass("radio-inline").addClass('alertElem');
$(elementFiscaliteUsaOui).removeClass("radio-inline").addClass('alertElem');
$(elementFiscaliteAutreOui).removeClass("radio-inline").addClass('alertElem')

至

elementFiscaliteCanadaOui.removeClass("radio-inline").addClass('alertElem');
elementFiscaliteUsaOui.removeClass("radio-inline").addClass('alertElem');
elementFiscaliteAutreOui.removeClass("radio-inline").addClass('alertElem');

let span=$(".text");
$("#change").click( function(){
console.log(span);
span.removeClass("blue").addClass("red");
})

.text{
margin-top:15px;
padding:5px;
}
.blue{
background-color:lightblue;
}
.red{
background-color:red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<button id="change">
Change color from blue to red
</button>
<span class="text blue" >
Hey
</span>