jQuery $ (यह) इस विशिष्ट कोड खंड में संदर्भित क्या है?

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); 
         } 
        }); 
      });   
     }); 

लाइन $(this).closest(".resultsItems").html(html); लाइन वास्तव में क्या है (यह) इसका जिक्र है? मैं लौटाए गए AJAX परिणाम को <td> में शामिल करने की कोशिश कर रहा हूं जिसे .resultsItems कहा जाता है लेकिन केवल अंतर्निहित क्लिक किए गए चयनकर्ता के नीचे एक ही है? क्या यह संभव है?

बस इसे स्पष्ट करने के लिए मैं नहीं पूछ रहा हूं कि (यह) jQuery में क्या है, मैं पूछ रहा हूं कि यह (ऊपर) मेरे कोड में क्या संदर्भ दे रहा है!

Answer 1

this$.ajax() सेटिंग ऑब्जेक्ट को संदर्भित करता है। आप क्या चाहते हैं पाने के लिए आपको context विकल्प इस तरह का उपयोग करके this बनाए रखने के लिए की आवश्यकता होगी:

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

Answer 2

jQuery साइट से:

उन सभी के लिए this वस्तु context संपत्ति सेटिंग्स में $.ajax के लिए पारित में वस्तु हो जाएगा; यदि निर्दिष्ट नहीं किया गया था तो यह अजाक्स सेटिंग्स स्वयं के संदर्भ में होगा।

Answer 3

आप here

मूल रूप से this कीवर्ड के बारे में विस्तार से पढ़ सकते हैं, आपके मामले में यह को संदर्भित करता है विंडो ऑब्जेक्ट क्योंकि यह विंडो ऑब्जेक्ट है जिसने आपके AJAX कॉल पर success ईवेंट ट्रिगर किया है। आप हालांकि ऐसा करने से सिर्फ ajax कॉल ऊपर $(".po") के दायरे पर कब्जा कर सकते हैं: तो फिर

var that = this; 

अगर आप that.closest()... के रूप में मैं पूछ रहा हूँ कि $(".po") वस्तु