內部變量

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);