javascript - Iterating through table with rows more than 500 and 15 columns using jquery -

here challenge; how can iterate (+change elements properties,while doing so) on table consisting more 500 rows using jquery/javascript? added challenge browser ie8.

i tried using loop , $.each on table... got thing working, slowing down damn ie , throwing script error(error: want continue script? may slow down computer..bla bla bla).

the problem not know how iterate , change properties of individual columns, how optimize process.

any appreciated.

in general, if you're executing time-critical task, don't use jquery. every $('.classname') executes @ least 20 jquery lines, , in case of ie8, ton of native iterating through document.

there's limit script lines executed in ie8. default executes 1 million lines, user asked, if wants continue script. limit controlled registry, in case of web app, it's not usefull increase value ofcourse.

in ie8 rendering speed issue.

• use minimal styling in general
• try avoid setting innerhtml / innertext, use createelement() and/or createtextnode() , appendchild() and/or insertbefore() instead.
• avoid inline styles, rather change class names, or use direct css rule manipulation instead.
• cache elements as possible when using getelementsby/tag/class/name().
• use cahched table.rows , table.rows[n].cells collections ever possible.
• consider show part of table @ time, makes rendering faster.