javascript - 解析javascript获取页面标题的html结果

Question

需要从 jQuery 的 $.get 结果中获取页面标题和其他元数据。在这里的某处阅读(虽然似乎找不到问题 - 抱歉!)它只返回 body 中的元素。也就是说，如果我将结果记录到控制台，我会看到大量数据，其中包括标题和元标记。

所以问题很简单 - 如何导航数组以提取标题？

这是一个例子。下面的示例返回 content 作为 HTML 对象，但 title 返回 undefined。如果只返回 body 是有意义的。也就是说，记录 data 会打印 entire pages HTML从上到下。记录 thiis 打印 page as an array ，我可以在其中看到 title 的条目，其 innerHTML 具有页面标题。所以 -title 的值应该如何分配？

感谢您的帮助!

JavaScript

$.get(target, function(data){

    var thiis   = $(data),
        content = thiis.find('#pageMain'),
        title   = thiis.find('title');

    console.log(data, thiis);
});

Answer 1

jQuery 不解析 doctype、html、head 和 body 元素。它将您通过 GET 请求退出的整个页面设置为 div 的 innerHTML。您只能返回结果元素的集合，因此无法使用 find() 找到 pageMin 的 title 元素和 id。您需要使用 filter()。

$.get(target, function(data){
    var nodes   = $(data),
        content = nodes.filter('#pageMain'),
        title   = nodes.filter('title');
    console.log(content,title);
});

为了使用 find()，您需要使用数据设置 div 的 innerHTML 并查询该父节点。