Jquery和removeClass在函数内部不工作

Question

我正在使用jquery。addClass和removeClass函数在我的代码中没有正常工作。如果函数没有被调用，我试过调试。日志显示的是'test‘和’test 1‘，但是add类和remove类不能工作。

这是代码

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

​