jquery - ajax成功データの後に特定のdivを非表示にする

Question

jquery ajax が成功した後、特定の div コンテンツを非表示にしようとしています。

ライブデモ: http://jsfiddle.net/t922q/

jquery コードの一部:

  $('.deletethisconent').click(function() {
    // $.ajax({   ....
         success: function(data){
         $(this).closest('.container').hide(); 
         $(".delete_status").html(data);

     });

ajaxの成功後にターゲットのdivを非表示にするにはどうすればよいですか? ありがとうございました。

Answer 1

this成功ハンドラの 3 番目の引数である jqXHR オブジェクトを参照します。

成功：

Function( PlainObject データ、文字列 textStatus、jqXHR jqXHR )

this外部に到達したい場合は、外部への参照を変数に格納する必要があります。

$('.deletethisconent').click(function() {

     var that = this;

     $.ajax({  
         url: 'echo.php', 
         success: function(data){
             $(that).closest('.container').hide(); 
             $(".delete_status").html(data);
         }
     });
});

Answer 2

データを非表示にしたいようですので、次のようにします。

$('.deletethisconent').click(function() {
    // $.ajax({   ....
    success: function(data){
         $(this).closest('.container').css('display', 'none'); 
         $(".delete_status").html(data);

 });

Answer 3

thisクリック関数に参照を追加してから、それを使用します。

$('.deletethisconent').click(function() {
    var mainElement = this;

    $.ajax({
        success: function(data) {
            $(mainElement).closest('.container').hide(); 
        }
    });
});