Question

I have two buttons, and their click events perform an ajax operation.

I need to know how to change the element that called it, for example, if you click on the first button, the ajax uses the first button in its “success” function to change its value to the data returned.

Does this make sense? Another way to explain it.. I want a bunch of buttons that, when clicked, perform an ajax call, and when that call completes the button that was clicked gets deleted.

Answer 1

Yes, it make sense, use the ajax context property:

function doAjax() {
    $.ajax({
        url: "test.html",
        context: this, // <===
        success: function() {
            $(this).hide();
        }
    });
}​    

$('input[type="button"]').click(doAjax);

context:

This object will be made the context of all Ajax-related callbacks. By
default, the context is an object that represents the ajax settings
used in the call ($.ajaxSettings merged with the settings passed to
$.ajax). For example specifying a DOM element as the context will make
that the context for the complete callback of a request.

ajax docs