Как я могу изменить значок ответа AJax?

Question

У меня есть якорный тег со значком внутри, который я хочу изменить на клик. Таким образом, с помощью Ajax Я попытался, как показано ниже:

HTML

<a id="#pl-esong234" class="social-button-song" title="Add in playlist" onclick="addInPlaylistSongs(234, 1)"> 
    <i class="ion-plus all-btn-icon"></i> 
</a> 

JS

function addInPlaylistSongs(track, id) { 
    $.ajax({ 
     type: "POST", 
     url: baseUrl+"/requests/manage_playlists.php", 
     data: "id="+track+"&playlist="+id+"&type=4&token_id="+token_id, 
     cache: false, 
     success: function(html) { 
      $('#pl-esong'+track).append('<i class="ion-checkmark all-btn-icon"></i>'); 
     } 
    }); 
} 

Я попытался также:

//2nd try 
$('#pl-esong'+track+' i').after('<i class="ion-checkmark all-btn-icon"></i>').remove(); 

//3rd try 
$('#pl-esong'+track+' i').after(html).remove(); 

//4th try 
$('#pl-esong'+track+' i').replaceWith(html); 

Я попытался CONSOL e log on success и все правильно, html-ответ <i class="ion-checkmark all-btn-icon"></i>, а элемент select - #pl-esong234.

Почему я не могу изменить значок внутри моего элемента привязки?

Answer 1

Удалите hash с идентификатора. Он использует селекторы для поиска совпадающего тега.

# - используется для поиска по id. . - пользователю найти по классу

<a id="pl-esong234" class="social-button-song" title="Add in playlist" onclick="addInPlaylistSongs(234, 1)"> 
    <i class="ion-plus all-btn-icon"></i> 
</a> 

и вызвать html().

$('#pl-esong'+track+' i').html('<i class="ion-checkmark all-btn-icon"></i>');