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提供了一种方法$.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());
        });
    });
});

Answer 2

一种解决方案是将第二个文档中的“读取”放入隐藏的iframe中。然后，您可以按照here所述访问该iframe中的HTML，并使用该数据执行您喜欢的操作。

jquery - 读取文本文件？

2 个答案: