Choose the third table cell : Table « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. Table

Choose the third table cell

 <html> <head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("td:eq(2)").css("color", "red"); }); </script> </head> <body> <body> <table border="1"> <tr><td>TD #0</td><td>TD #1</td><td>TD #2</td></tr> <tr><td>TD #3</td><td>TD #4</td><td>TD #5</td></tr> <tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr> </table> </body> </html>








Related examples in the same category

1.Add column to a table
2.Change table row background
3.Use for each function to loop through table row
4.Strip a table
5.Toggle Strips
6.To add a special style to table cells that are being hovered over,
7.To toggle a style on table cells:
8.Fade in a table
9.If table row has table data cell
10.Finds all table cell that are empty - they don't have child elements or text.
11.Finds odd table rows, matching the second, fourth and so on
12.Finds the first table row.
13.Finds the third td.
14.Remove a table
15.Empty all table data
16.Clone table row
17.Table data hover
18.Append to table body
19.Add table row to table body
20.Append value to table body
close