Question

我正在通过ajax加载一段html。一旦加载完成，我想在响应中搜索某个id的div。基本上，我想做response.getElementById。

有没有办法这样做？

Answer 1

你可以这样做：

$.get({
    url: url, 
    success: function(response) {
        result = $(response).find("#result");
        if (result) {
           // found
        } else {
           //not found
        }
    }
});

这使用.find()在id

中搜索#的{{1}} result}

Answer 2

我会通过jQuery建议load（）方法：

$(function(){
    $('#container_id').load('my_file.html #id_of_div');
});

更多文档：jQuery load()

Answer 3

这取决于aja（x）请求。如果您加载XML，则可以直接使用getElementById文档的xhr.responseXML方法。

如果没有，则必须解析HTML片段。这可以通过DOMParser，元素的innerHTML或您喜欢的库的解析器函数来完成。

Answer 4

你可以将html响应添加为div或frame，并将其设置为隐藏一段时间。那么你可以使用普通的getElementById。更快的方法是使用jQuery。

- jQuery--
保持开放<div id=AjaxResponse> </div> 然后成功添加$("#AjaxResponse").html(data) 然后你可以使用普通getElementById()或$("#AjaxResponse#myId") 但是别忘了设置invisible，或者启用=“false”上面的div

JS如何在HTML片段上获取getElementById

4 个答案: