Worauf bezieht sich die jQuery $ (this) in diesem spezifischen Codefragment?

Question

$(document).ready(function() { 
      $(".po").click(function(){ 
       var po = $(this).text(); 
       var dataString = 'po='+ po; 

       $.ajax 
        ({ 
        type: "GET", 
        url: "projectitems.php", 
        data: dataString, 
        cache: false, 
        success: function(html) 
         { 


$(this).closest(".resultsItems").html(html); 
         } 
        }); 
      });   
     }); 

Die Linie $(this).closest(".resultsItems").html(html); Was genau bezieht sich (dies)? Ich versuche, das zurückgegebene Ajax-Ergebnis an eine <td> namens .resultsItems, aber nur an die unter dem angeklickten Selektor initial? Ist das möglich?

Nur um es klar zu machen, ich frage nicht, was (das) bedeutet in jQuery, ich frage was (das) bezieht sich auf in meinem Code oben!

Answer 1

this bezieht sich auf das $.ajax() Einstellungsobjekt. Zu bekommen, was Sie wollen, müssen Sie this mithilfe der context Option wie folgt erhalten:

$.ajax({ 
    context: this, 
    type: "GET", 
    url: "projectitems.php", 
    data: dataString, 
    cache: false, 
    success: function(html) { 
    $(this).closest(".resultsItems").html(html); 
    } 
}); 

Answer 2

Aus dem jQuery-Website:

Das this Objekt für alle von ihnen werden zu $.ajax in den Einstellungen übergeben in der context Eigenschaft das Objekt sein; Wenn das nicht angegeben wurde, wird es eine Referenz auf die Ajax-Einstellungen selbst sein.

Answer 3

Sie ausführlich über die this Stichwort lesen here

Grundsätzlich in Ihrem Fall bezieht er sich auf Das Fensterobjekt, weil es das Fensterobjekt ist, das das Ereignis success bei Ihrem Ajax-Aufruf ausgelöst hat. Sie können jedoch den Umfang der $(".po") erfassen knapp über dem Ajax-Aufruf, indem Sie:

var that = this; 

Dann, wenn Sie that.closest()... verwenden, die auf das Objekt $(".po")