Найти тег body в ответе ajax HTML

Question

Я делаю ajax-вызов для извлечения контента и добавления этого контента следующим образом:

$(function(){
    var site = $('input').val();
    $.get('file.php', { site:site }, function(data){
        mas = $(data).find('a');
        mas.map(function(elem, index) {
            divs = $(this).html();
            $('#result').append('' + divs + '');
        })
    }, 'html');
});

Проблема в том, что когда я меняю a в body Я ничего не получаю (без ошибок, просто без HTML). Я предполагаю, что тело - это тег, похожий на 'a'? Что я делаю неправильно?

Так что это работает для меня:

 mas = $(data).find('a');

Но это не так:

 mas = $(data).find('body');

Answer 1

Разбор возвращенного HTML через объект jQuery (т.е. $(data)) чтобы получить body тег обречен на провал, боюсь.

Причина в том, что возвращенный data это string (пытаться console.log(typeof(data))). Теперь, согласно документации jQuery, при создании объекта jQuery из строки, содержащей сложную разметку HTML, используются такие теги, как body могут быть раздеты. Это происходит потому, что для создания объекта HTML-разметка фактически вставляется в DOM, который не может разрешить такие дополнительные теги.

Соответствующая цитата из документации:

Если строка передается в качестве параметра в $(), jQuery проверяет строку, чтобы увидеть, выглядит ли она как HTML.

[...] Если HTML является более сложным, чем отдельный тег без атрибутов, как в приведенном выше примере, фактическое создание элементов обрабатывается механизмом innerHTML браузера. В большинстве случаев jQuery создает новый элемент и присваивает свойству innerHTML элемента тот фрагмент HTML, который был передан. Когда параметр имеет один тег (с необязательным закрывающим тегом или быстрым закрытием) - $( "") или $( ""), $( "") или $( "") - jQuery создает элемент с помощью встроенной функции JavaScript createElement().

При передаче сложного HTML некоторые браузеры могут не генерировать DOM, который точно копирует предоставленный исходный код HTML. Как уже упоминалось, jQuery использует свойство браузера.innerHTML для анализа переданного HTML-кода и вставки его в текущий документ. Во время этого процесса некоторые браузеры отфильтровывают определенные элементы, такие как элементы ,