Question

How can I add a row to a dynamically-generated table but have the id of the tr’s numerically ordered?

For example:

<table id="myDataTable">
<tr id="5143">
 <td>Data Cell 1</td>
 <td>Data Cell 2</td>
</tr>
<tr id="5144">
 <td>Data Cell 1</td>
 <td>Data Cell 2</td>
</tr>
<tr id="5149">
 <td>Data Cell 1</td>
 <td>Data Cell 2</td>
</tr>
<tr id="5150">
 <td>Data Cell 1</td>
 <td>Data Cell 2</td>
</tr>
</table>

How could I add a tr with an id of 5145 so that it was below 5143 but above 5149? I would like a solution that doesn’t involve a plugin, if that’s possible

Answer 1

I would sort it… but idk if this is efficient or not

//arr is an array of the row id's
//row is the row being inserted
idx = arr.sort().indexOf(row.id) - 1;
$(row).insertAfter($("#myDataTable tr")[idx]) 

e.g.

http://jsfiddle.net/Dq37V/