jquery - $.get() 在 .each() 循环中，获取 $.get 中的 $(this)

Question

我知道我的问题措辞不当，但我不知道如何说得更好..

我实际上使用 .each() 循环，在这个循环中，我必须更改当前元素的 css() 参数，但我没有成功..

这是我的代码:

$(document).find('.test').find('p').each(function(){
    var test=$(this).css('background-image').split('(')[1].split(')')[0];
    var retGet=$.get(test);
    $(this).css({
        'background-image':  'url(data:image/png;base64,'+retourGet.responseText+')'
    }); 
});

我删除了 url 编辑的部分(第二行给我实际的 url，我编辑它)。

当我使用这段代码时，我的 css 参数未定义...似乎当我尝试更改背景图像时，$.get 加载没有结束...

我试着做这样的事情:

$.get( test, function( data ) {

});

但我不知道如何在这里访问 .each() $(this)..

Answer 1

尝试使用 each 函数的参数:

$(document).find('.test').find('p').each(function(idx, item){
    var test=$(item).css('background-image').split('(')[1].split(')')[0];
    var retGet=$.get(test);
    $(item).css({ // item is the current .test object
        'background-image':  'url(data:image/png;base64,'+retourGet.responseText+')'
    }); 
});

而且，如果您想使用 .get 的回调，您可以使用 item 变量:

$.get( test, function( data ) {
 $(item).css({ // item is the current .test object
        'background-image':  'url(data:image/png;base64,'+data+')'
    }); 
});