在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...>" );
}

您必须在replaceWith函数中填写HTML以及要替换链接的内容。只是我用过的占位符。

Answer 2

怎么样：

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