jquery - 读取文本文件？

Question

我有一个 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 做到这一点...我对整个事情很陌生，所以我什至不确定它是否可能...

Answer 1

jQuery provides a method $.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());
        });
    });
});