AddClass不起作用-无法定义|jquery

Question

在我的jquery代码中，

$("#hospital-icon-jquery i").addClass("current-icon-yellow");

代码行不起作用。

完整代码：

jQuery(function($) {
$(".ea-standard form div.step").not(':eq(0)').hide();
} );    
jQuery(function($){
$(document).on('change', 'select[name="location"]', function(){
if ($(this).val() !== '') {
$(".ea-standard form div.step").show(); //show all
$(".ea-standard form div.step").not(':eq(1)').hide(); //then hide some
$("#location-icon-jquery i").removeClass( "current-icon-yellow" ).addClass("active-icon-green");
$("#hospital-icon-jquery i").addClass("current-icon-yellow");
} } ) } );
jQuery(function($){
$(document).on('change', 'select[name="service"]', function(){
if ($(this).val() !== '') {
$(".ea-standard form div.step").show(); //show all
$(".ea-standard form div.step").not(':eq(2)').hide(); //then hide some
$("#hospital-icon-jquery i").removeClass( "current-icon-yellow" ).addClass("active-icon-green");
$("#doctor-icon-jquery i").addClass("current-icon-yellow");
} } ) } );
jQuery(function($){
$( '<div class="container"><div class="row"> <span class="col-md-2" id="location-icon-jquery"> <i class="fas fa-map-marker-alt current-icon-yellow"></i> </span> <span class="col-md-2"> <i class="fas fa-hospital cc_cursor" id="hospital-icon-jquery"></i> </span> <span class="col-md-2"> <i class="fas fa-user-md" id="doctor-icon-jquery"></i> </span> <span class="col-md-2"> <i class="far fa-calendar-alt"></i> </span> <span class="col-md-4"> <i class="far fa-calendar-check"></i> </span></div></div>' ).insertBefore( ".ea-standard" );
} );         

Answer 1

我解决了。当我必须把医院图标放进span时，我注意到它在I中。所以，需要注意html代码。

它是这样的：

<span class="col-md-2"> <i class="fas fa-hospital cc_cursor" id="hospital-icon-jquery"></i> 

现在：

<span class="col-md-2" id="hospital-icon-jquery"> <i class="fas fa-hospital cc_cursor" ></i>