Могу ли я передать $ (это) функции обратного вызова .getJSON? любой обходной путь?

Question

Я попытался получить значение rel на каждом li и передать его функции .getJSON. Затем я хочу добавить значение thumbnail_url из обратного вызова в тег изображения потомков li. Мой вопрос в том, как передать объект $ (this) функции обратного вызова. Кажется, что $ (this) null.

$('ul.sample li').each(function() { 

     var url = 'http://sampleurl/api/url?' + $(this).attr('rel'); 

     $.getJSON(url, function (data){ 
      $(this).find('img').attr('src') = data.thumbnail_url; 
    }) 
}); 

HTML:

<ul class="sample"> 
    <li rel="value1"> 
     <img src=""> 
    </li> 
    <li rel="value2"> 
     <img src=""> 
    </li> 
</ul> 

Answer 1

Просто назначьте его вне обратного вызова (как я устанавливаю self), а затем использовать внутри обратного вызова (со ссылкой на переменную вы установили):

$('ul.sample li').each(function() { 

    var self = $(this); // using self to store $(this) 
    var url = 'http://sampleurl/api/url?' + self.attr('rel'); 

    $.getJSON(url, function (data) { 
     // now retrieving self - it is accessible from the callback 
     self.find('img').attr('src') = data.thumbnail_url; 
    }); 

}); 

Причина этого в том, что this отличается обратным вызовом для .each(), чем в обратном вызове для $.getJSON().

Answer 2

Если вы используете $.ajax вместо $.getJSON, вы могли бы использовать context вариант:

$('ul.sample li').each(function() { 
    var url = 'http://sampleurl/api/url?' + $(this).attr('rel'); 
    $.ajax({ 
     url : url, 
     dataType : 'json', 
     context : this, 
     complete : function (data) { 
      // 'this' will be what you passed as context 
      $(this).find('img').attr('src') = data.thumbnail_url; 
     } 
    }); 
});