jQueryでappendしてから、セレクタで取り出すとうまくいく

Question

前提・実現したいこと

HTMLのtableをパースしてjsonに変換するライブラリtable-to-jsonを使って
あるサイトのtableをjsonに変換したいと思っております。
tableToJSON()で結果を取り出したいです。

発生している問題・エラーメッセージ

console.logで出力される変数が// 失敗の方は空です。
どうやら一度、bodyに出力してから$('table')で取り出すとうまくできるみたいです。
bodyに出力することなく、tableToJSON()で結果を取り出すことは可能でしょうか？

該当のソースコード

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/table-to-json@0.13.0/lib/jquery.tabletojson.min.js"></script>
<script>
$(function() {
	var url = 'https://ja.wikipedia.org/wiki/' + encodeURIComponent('AKB48関連の楽曲一覧');
	$.ajax({
		url: url,
		type: 'GET',
		success: function(data) {
			// 成功
			var table = $(data).find('table').eq(5);
			// $('body').append(table);
			// console.log($('table').tableToJSON());

			// 失敗
			console.log($(table).tableToJSON());
		}
	});
});
</script>

Answer 1

table-to-jsonのソース見てみました。

オプションにignoreHiddenRows: falseを設定する必要がありました。
ここを見ると
( $row.is(':visible') || !opts.ignoreHiddenRows )
こういう判定があります。
つまり描画され画面上に表示されている行、またはopts.ignoreHiddenRowsがfalseのときしか行を見に行きません。

ということで、以下のようにして取得できます。
$(table).tableToJSON({ignoreHiddenRows: false})

Comments

[syuma1214]

回答ありがとうございます。
自分の環境で試してみたところ、bodyに出力することなく
tableToJSON()の結果を取り出すことができました。（感動してしまいました。）

丁寧な回答ありがとうございました。
説明を参考にしながらライブラリのソースの方も追いかけて勉強したいと思います。