各 td に生成された html を含む巨大なテーブルがあります。生成された html は、最終的には class のコンテナー div 内の別のテーブルにすぎません.cellcontent
。そのテーブルの最初のセルの内容を取得するための現在の jquery は遅すぎます。以下を書くためのより良い/より速い方法は何ですか?
var contents = $(cell).find('.cellContent>table>tbody>tr>td:first :first-child');
この jquery は、非常に大きなテーブルの各セルに対して頻繁に実行され、ページのパフォーマンスを大幅に低下させているようです。
セルは次のとおりです。
var mainTable = document.getElementById("gridID");
for (var colIndex = startIndex; colIndex <= mainTable.rows[0].cells.length; colIndex++) {
for (var i = 1, row; row = mainTable.rows[i]; i++) {
cell = row.cells[colIndex - 1];
}
}
セルの内容の正確に生成された html は、次の行に沿ったものです。
<td class="staticCol prefItem">
<div class="P_5_18_2013 cellContent">
<table>
<tbody>
<tr>
<td>
<!--
***HTML I want***
e.g., DIV or P or other markup
-->
</td>
</tr>
</tbody>
</table>
</div>
</td>