заменить что-то еще после ajax-запроса?

Question

У меня есть этот HTML:

<a href="#" class="cancel" id="cancel_3'">cancel</a>

когда пользователь нажимает кнопку отмены, я хочу удалить гиперссылку и заменить ее изображением, т.е.

$.ajax({
        context:this,
        type: "POST",
        url: "actions/cancel.php",
        data: "id=" + the_id,
        cache: false,
        success: function() {

            $(this).remove;
         // add image 

спасибо:))

Answer 1

Попробуйте:

success: function() {
  $( "a#cancel_3" ).replaceWith( "<img...>" );
}

Вам нужно будет заполнить HTML-код в функции replaceWith тем, чем хотите заменить ссылку.это просто заполнитель, который я использовал.

Answer 2

Как насчет:

$(this).css('display', 'none').after('<img>');