jQueryを使用してFileReader経由でアップロードされたhtmlファイルからテーブルを抽出します

Question

​​（e.target.result）を使用してアップロードしたファイルを受け取りました。そこからテーブルを抽出する必要があります。通常のhtmlファイルからは、これは$("table tbody")で簡単に行えます。これを私の文書に追加せずにe.target.resultに適用することはできますか？

私はFileReader以外の方法も開いていますが、可能であればこれを使用したいと思います。練習用

JsFiddle：https://jsfiddle.net/Irikos/dega00u2/

Answer 1

私はあなたがテキストとしてアップロードされたファイルの内容を取得している場合、あなたは直接そのテキストを検索し、HTMLを取得することができ、私はあなたが正しく何をしようとして理解願っていますあなたはこのためにDOMParserを使用することができます

var pattern = /(<table)([\s\S]+?)(\/table>)/gim 
var theTablesInAnArray = e.target.result.match(pattern); 

Answer 2

：次のJavaScriptの行を使用して、それからテーブル。型に文字列を渡すだけで、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/]