AJAXの応答でアイコンを変更するにはどうしたらいいですか？

Question

アイコンの中にアンカータグがあり、クリックするとそのタグを変更したいと思います。 ので、アヤックスを使用して、私は以下のように試してみました：

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> 

を私も試した

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>'); 
     } 
    }); 
} 

JS：

//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); 

私はコンソルしてみました正常にログオンし、すべてが正しければ、html応答は<i class="ion-checkmark all-btn-icon"></i>であり、選択項目は#pl-esong234です。

なぜアンカーエレメント内のアイコンを変更できないのですか？

Answer 1

idから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>');