Jquery - прочитать текстовый файл?

У меня есть html файл, который я хотел бы открыть и прочитать, но я не совсем уверен, как это сделать... В основном, это довольно большой файл (big.html), и в отдельный файл (titles.html), у меня есть код jquery, который я бы хотел использовать для поиска определенных элементов (а именно тегов h2) и получить внутренний текст из этих тегов и написать именно этот текст в titles.html... Я не уверен, в частности, как открыть отдельный файл и прочитать его, а во-вторых, я не уверен, что код ниже будет работать, когда дело доходит до получения текста в тегах h2...

$(document).ready(function() {
    $("h2").each(function() {
        var title = $(this).text();
        $("#mydiv").append(title);
    });
});

...

<div id="mydiv"></div>

Я немного смущен, как это сделать с jquery... Я новичок в этом, поэтому я даже не уверен, что это возможно...

Ответ 1

jQuery предоставляет метод $.get, который может захватывать данные из URL-адреса. Поэтому для "чтения" html/текстового документа он должен быть доступен через URL-адрес. После того, как вы извлечете HTML-содержимое, вы сможете просто обернуть эту разметку как завернутый jQuery набор и обыскать его как обычно.

Непроверенный, но общий смысл этого...

var HTML_FILE_URL = '/whatever/html/file.html';

$(document).ready(function() {
    $.get(HTML_FILE_URL, function(data) {
        var fileDom = $(data);
        fileDom.find('h2').each(function() {
            alert($(this).text());
        });
    });
});

Ответ 2

Одним из решений было бы "прочитать" во втором документе, поместив его в скрытый iframe. Затем вы можете получить доступ к HTML в этом iframe, как указано здесь и делать все, что вам нравится, с этими данными.