jQuery autocomplete

Question

के भीतर से टेक्स्ट इनपुट का संदर्भ देना निम्नलिखित कोड को देखते हुए, मैं $.ajax कॉल में success() फ़ंक्शन के भीतर से स्वत: पूर्ण रूप से उस इनपुट को कैसे संदर्भित कर सकता हूं? न तो $(this) या $e काम।

$('.parent-input').autocomplete({ 
    source: function(request, response) { 
    $.ajax({ 
     url: "/chunky/bacon", 
     dataType: 'json', 
     data: { 
     product_id: $('#product-id').val(), 
     term: request.term 
     }, 
     success: function(data){ 
     var resultCount = data.length; 
     // I NEED TO REFERENCE .parent-input HERE 
     response(data); 
     } 
    }); 
    }, 
    minLength: 2, 
    select: function(event, ui){ 
    addAssociatedProduct(ui.item.id, ui.item.value); 
    $(this).val(''); 
    return false; 
    } 
}); 

Answer 1

this.element के लिए एक संदर्भ सहेजें (this.element एक jQuery वस्तु एक और jQuery कॉल में लपेट की कोई जरूरत नहीं है, तो वास्तव में है):

$('.parent-input').autocomplete({ 
    source: function(request, response) { 
    var element = this.element; // <-- this.element is the input the widget is bound to. 
    $.ajax({ 
     url: "/chunky/bacon", 
     dataType: 'json', 
     data: { 
     product_id: $('#product-id').val(), 
     term: request.term 
     }, 
     success: function(data){ 
     var resultCount = data.length; 
     // element still refers to the input the widget is bound on. 
     // for example: 

     element.addClass("blue"); 

     response(data); 
     } 
    }); 
    }, 
    minLength: 2, 
    select: function(event, ui){ 
    addAssociatedProduct(ui.item.id, ui.item.value); 
    $(this).val(''); 
    return false; 
    } 
});