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

Question

我正在使用 jquery。addClassand函数在我的removeClass代码中无法正常工作。如果没有调用函数，我尝试调试。日志显示“test”和“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

从改变&nbsp; $(elementFiscaliteCanadaOui).removeClass("radio-inline").addClass('alertElem');&nbsp; $(elementFiscaliteUsaOui).removeClass("radio-inline").addClass('alertElem');&nbsp; $(elementFiscaliteAutreOui).removeClass("radio-inline").addClass('alertElem')到&nbsp; &nbsp; &nbsp; elementFiscaliteCanadaOui.removeClass("radio-inline").addClass('alertElem');&nbsp; &nbsp; &nbsp; elementFiscaliteUsaOui.removeClass("radio-inline").addClass('alertElem');&nbsp; &nbsp; &nbsp; elementFiscaliteAutreOui.removeClass("radio-inline").addClass('alertElem');let span=$(".text");$("#change").click( function(){&nbsp; console.log(span);&nbsp; span.removeClass("blue").addClass("red");}).text{&nbsp; margin-top:15px;&nbsp; padding:5px;}.blue{&nbsp; background-color:lightblue;}.red{&nbsp; 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" >&nbsp; Hey</span>