Question

我有一个HTML代码段，我想要＆gt;修改＆gt;显示，这里是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'));

这确实找到了元素并修改了它，但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);

在变量内查询进程dom

1 个答案: