Moving between cells of a table
by A B
HTML
<table id="ExpectedDeliveries" cellpadding="0" cellspacing="0" class="tableStatic">
<caption>3 Settimane</caption>
<thead>
<tr>
<th><div>Campo 1</div></th>
<th><div>Campo 2</div></th>
<th><div>Campo 3</div></th>
</tr>
</thead>
<tbody id="ExpectedDeliveriesBody">
<tr id="1" class="A">
<td>
<input type="text" value="" class="InputElement" />
</td>
<td>
<input type="text" value="" class="InputElement" />
</td>
<td>
<input type="text" value="" class="InputElement" />
</td>
</tr>
<tr id="2" class="A">
<td>
<input type="text" value="" class="InputElement" />
</td>
<td>
<input type="text" value="" class="InputElement" />
</td>
<td>
<input type="text" value="" class="InputElement" />
</td>
</tr>
<tr id="3" class="A">
<td>
<input type="text" value="" class="InputElement" />
</td>
<td>
<input type="text" value="" class="InputElement" />
</td>
<td>
<input type="text" value="" class="InputElement" />
</td>
</tr>
<tr id="4" class="A">
<td>
<input type="text" value="" class="InputElement" />
</td>
<td>
<input type="text" value="" class="InputElement" />
</td>
<td>
<input type="text" value="" class="InputElement" />
</td>
</tr>
</tbody>
</table>
JavaScript
$("#ExpectedDeliveries").delegate(".InputElement", "keydown", function(event) {
if (event.keyCode == 38) {
$(this).closest('tr').children('td.InputElement').focus();
}
});