Bir jquery ajax başarı işlevinde çağrı dom öğesini nasıl referanslarım?

Question

O elemanın dayalı bir ajax çağrısı başarılı olursa sorunun Benim anlayış

<script type='text/javascript'> 
$("#a.toggle").click(function(e){ 
    $.ajax({ 
     url: '/changeItem.php', 
     dataType: 'json', 
     type: 'POST', 
     success: function(data,text){ 
      if(data.error=='') 
      { 
       if($(this).hasClass('class1')) 
       { 
        $(this).removeClass('class1'); 
        $(this).addClass('class2'); 
       } 
       else if($(this).hasClass('class2')) 
       { 
        $(this).removeClass('class2'); 
        $(this).addClass('class1'); 
       } 
      } 
      else(alert(data.error)); 
     } 
    }); 
    return false; 
}); 
</script> 
<a class="toggle class1" title='toggle-this'>Item</a> 

bir elementin sınıfını değiştirmek çalışıyorum o başarı işlevinde bu referanslar ajax nesne parametreleri, Gibi arama dom elemanı gibi tıklama işlevinin diğer yerlerde yapar. Bu yüzden, arama dom elemanına nasıl başvururum ve sınıfları kontrol et/ekle/kaldır?

Answer 1

Sadece bir değişkende saklayabilirsiniz. Örnek:

$("#a.toggle").click(function(e) 
{ 
    var target = $(this); 
    $.ajax({ 
     url: '/changeItem.php', 
     dataType: 'json', 
     type: 'POST', 
     success: function(data,text) 
     { 
     if(data.error=='') 
     { 
      if(target.hasClass('class1')) 
      { 
       target 
        .removeClass('class1') 
        .addClass('class2'); 
      } 
      else if(target.hasClass('class2')) 
      { 
       target 
        .removeClass('class2') 
        .addClass('class1'); 
      } 
     } 
     else(alert(data.error)); 
     }  
    }); 
    return false; 
}); 

Answer 2

jQuery işleyicinizin işlevine, bu konuda bazı diğer bilgilerle birlikte, olayın hedefi geçer. Bu konuda daha fazla bilgi için bkz. http://docs.jquery.com/Events_%28Guide%29.

Kodunuzda, $ (e.target) gibi referans alınacaktır.

Answer 3

Eski olduğunu biliyorum, ancak 'e' parametresini tıklama işlevinden kullanabilirsiniz.

Answer 4

Ajax parametresini daha iyi ayarlayın: context: this. Örnek:

$.ajax({ 
    url: '/changeItem.php', 
    dataType: 'json', 
    type: 'POST', 
    context: this, 
    success: function(data,text){ 
     if(data.error=='') 
     { 
      if($(this).hasClass('class1')) 
      { 
       $(this).removeClass('class1'); 
       $(this).addClass('class2'); 
      } 
      else if($(this).hasClass('class2')) 
      { 
       $(this).removeClass('class2'); 
       $(this).addClass('class1'); 
      } 
     } 
     else(alert(data.error)); 
    } 
});