如何將jQuery的這個對象傳遞給內部成功函數？

Question

下面是我的代碼。 我想基於ajax回調更改每個mainimage src。

jQuery('.xxx img[src*="mainimage"]').each(function() {
  vobj = $(this);
  var inmainurl = 'https://xxx.kki/api/oembed.json?url=' + $(this).attr('src');
  $.ajax({
    url: inmainurl,
    dataType: 'json',
    success: function(result) {
      $(this).attr('src', result.thumbnail_url); //this is not working.
    }
  });
});

下面不起作用

success: function (result) {                           
    $(this).attr('src',result.thumbnail_url);//this is not working.
}

如何實現的？

Answer 1

如果將內部$(this).attr更改為vobj.attr是否可以解決您的問題？

看到vobj是您定義的變量。

Answer 2

代替

$(this).attr('src', result.thumbnail_url);

寫

vobj.attr('src', result.thumbnail_url);

this是函數上下文，兩個函數都不同，但是ajax回調可以訪問vobj變量。

Answer 3

您需要在循環中使用閉包，否則vobj $.ajax調用后， vobj變量將變為下一個元素。 您還需要在success處理程序中使用vobj變量。 嘗試這個：

jQuery('.xxx img[src*="mainimage"]').each(function() {
    (function($el) {
        $.ajax({
            url: 'https://xxx.kki/api/oembed.json?url=' + $el.attr('src');,
            dataType: 'json',
            success: function(result) {
                $el.attr('src', result.thumbnail_url);
             }
        });
    })($(this));
});