javascript - 使用 jQuery 从通过 FileReader 上传的 html 文件中提取表格

Question

我收到使用 FileReader() (e.target.result) 上传的文件，我需要从中提取表格。在普通的 html 文件中，可以使用 $("table tbody") 轻松完成此操作。是否可以将其应用于 e.target.result 而不将其附加到我的文档中？

我也愿意接受除 FileReader 之外的其他方法，但如果可能的话我想使用它。

JsFiddle 练习:https://jsfiddle.net/Irikos/dega00u2/

Answer 1

您可以使用 DOMParser 来实现此目的。只需将你的字符串和类型传递给它，它就会给你一个对象，你可以像对待 DOM 一样对待它。例如:

reader.onload = function() {
        parser=new DOMParser();
        var doc = parser.parseFromString(this.result, "text/html")
        // assumes table has some data element
        alert(doc.getElementById('data').innerHTML);
};

这里有一些文档:https://developer.mozilla.org/en-US/docs/Web/API/DOMParser

[另请参阅:https://api.jquery.com/jquery.parsehtml/]