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

从改变

  $(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>