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... Я довольно плохо знаком со всем этим, таким образом, я даже не уверен, что это возможно...
2 ответа
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-м документе, поместив его в скрытый ифрейм. Тогда вы могли бы получить доступ к HTML в этом ифрейме, как отмечено здесь, и делать с этими данными все, что угодно.