The markup used on the tables at the bottom of the player page to display the could be improved. Tables are the correct markup for this data, but presentational markup has been scattered throughout, along with some behavioural AJAX markup.
For the current code, take a look at any player page.
Remove AJAX code, remove presentational markup, remove un-necessary classes, tidy up the source, use semantic table header elements and list items.
| Batting | M | I | R | n.o. | Ave | SR | HS | C | st | 50s | 100s |
|---|---|---|---|---|---|---|---|---|---|---|---|
| Season | 3 | 3 | 185 | 2 | 185.00 | 88.10 | 102 | 0 | 0 | 1 | 1 |
| Career | 61 | 41 | 991 | 16 | 39.64 | 84.92 | 102 | 19 | 0 | 5 | 1 |
| Bowling | O | M | R | W | Ave | SR | Econ | Best | 5wi |
|---|---|---|---|---|---|---|---|---|---|
| Season | 0 | 0 | 0 | 0 | - | - | - | - | 0 |
| Career | 10 | 0 | 85 | 0 | - | - | 8.50 | - | 0 |
The HTML code is about 53% smaller than the original code, and significantly cleaner. The AJAX doesn't need any more hooks, as it can use getElementById() using the tabx id values for the list items, followed by firstChild property.