Finds the third td. : Table « jQuery « JavaScript DHTML






Finds the third td.

  
<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.Choose the third table cell
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