内部变量

Question

我有一个HTML片段，我想获得>修改>显示查询过程DOM，这里是HTML：

<div class="col-lg-12 loader" style="position: absolute; left: 0px; top: 0px; height: 100%; z-index: 99; right: 0px; background: rgba(255, 255, 255, 0.8);"> 
     <span class="text-center" style="padding-top: 20%; display: inherit;"> 
      <img id="IDloaderGif" src="{{asset('imgs/gears.gif')}}" > 
      <p style="font-size: 30px;">Loading ...</p> 
     </span> 
</div> 

，在这里，我正在处理的片段：

function (callback) { 

        $.ajax({ 
        url: app.url('js/html/loader.html'), 
        type: 'GET', 
        data: {}, 
        }).done(function(data) { 
        var data = $(jQuery.parseHTML(data)).find('#IDloaderGif').attr('src', app.url('imgs/gears.gif')); 
         callback(data); 
        }); 

} 

所以这里是我的问题：

$(jQuery.parseHTML(data)).find('#IDloaderGif').attr('src', app.url('imgs/gears.gif'));

这并找到元素，M odods它，但var data现在只包含这个元素，只有选中id的元素：'#IDloaderGif'但我需要整个片段，但它只给我这个元素，而不是整个片段，所以我需要修改片段而不丢失整个数据。|谢谢|

Answer 1

find()只返回找到的元素，所以设置整个HTML到data变量，然后找到并修改

var data = $(jQuery.parseHTML(data)); 

data.find('#IDloaderGif').attr('src', app.url('imgs/gears.gif')); 

callback(data);