Javascript 使用jQuery更改图像

当我试图在表中保存新行时，当操作成功时，图像刚刚更改时，jQuery有一个小问题，但这正是我的问题所在

这是我的密码：

$(document).on('click','.clsBtnGuardarHost',function(){
  var i = this.name.substring(14)
  var host = $("#host"+i).val();
  if(host.trim() != "") {
    $.post("AccionesHost.html", { host:$("#host"+i).val(),
      descripcion: $("#descripcion"+i).val(),
      ip: $("#ip"+i).val(),
      cuentasCant: $("#cuentasCant"+i).val(),
      accion:"Agregar" 
    }, function(mensaje) {
      if(mensaje.indexOf(" ") != -1) {
        alert(mensaje)
        return;
      } else {
        $("#indice"+i).val(mensaje);
        $(this).attr( {'id':'btnModificarHost'+i, 'name':'btnModificarHost'+i,});
        $(this).val("");                          
        $(this).removeClass('clsBtnGuardarHost')
          .addClass('btnModificarHost');
        $("#host"+i).removeClass('NclsAnchoTotal')
          .addClass('clsAnchoTotal');
        $("#descripcion"+i).removeClass('NclsAnchoTotal')
          .addClass('clsAnchoTotal');
        $("#ip"+i).removeClass('NclsAnchoTotal')
          .addClass('clsAnchoTotal');
        $("#descripcion"+i).attr('readonly',true)
        $("#ip"+i).attr('readonly',true)
        $("#host"+i).attr('readonly',true);
        $("#cuentasCant"+i).attr('readonly',true);              
      }
    }); 
  } else {
    alert("Debe ingresar un host valido para continuar")
  }     
});

所以最后一个“else”中的代码可以工作，但不会生效。。。我不知道为什么

---

感谢提前通知，并对我的英语不好表示歉意。

此

不再指单击的元素。设置一个上下文变量，并在来自AJAX的回调中使用该变量：

$(document).on('click','.clsBtnGuardarHost',function(){
    var that = $(this);
     //AJAX
    //callback
    that.attr( {'id':'btnModificarHost'+i,
                'name':'btnModificarHost'+i,
            });
    that.val("");