Empty all table data : Table « jQuery « JavaScript Tutorial

<html>
  <head>
    <script type='text/javascript' src='js/jquery-1.3.2.js'></script>
    <script type='text/javascript'>
$(document).ready(
  function() {
    $('input#tmpEmptyTable').click(
      function($e) {
        $e.preventDefault();
        $('td').empty();
      }
    );

    $('input#tmpDelete').click(
      function($e) {
        $e.preventDefault();
        $('h4, table').remove();
      }
    );
  }
);
    </script>

  </head>
  <body>
     <h4>C Albums</h4>
     <table>
       <thead>
         <tr>
           <th>Title</th>
           <th>Year</th>        
         </tr>
       </thead>
       <tbody>
         <tr>
           <td>D</td>
           <td>1980</td>
         </tr>
       </tbody>
     </table>
     <input type='submit' id='tmpEmptyTable' value='Empty Table' />
     <input type='submit' id='tmpDelete' value='Delete Content' />
  </body>
</html>

30.138.Table
	30.138.1.	Add column to a table
	30.138.2.	Change table row background
	30.138.3.	Use for each function to loop through table row
	30.138.4.	Strip a table
	30.138.5.	Toggle Strips
	30.138.6.	To add a special style to table cells that are being hovered over,
	30.138.7.	To toggle a style on table cells:
	30.138.8.	Fade in a table
	30.138.9.	If table row has table data cell
	30.138.10.	Finds all table cell that are empty - they don't have child elements or text.
	30.138.11.	Finds odd table rows, matching the second, fourth and so on
	30.138.12.	Finds the first table row.
	30.138.13.	Finds the third td.
	30.138.14.	Choose the third table cell
	30.138.15.	Append to table body
	30.138.16.	Add table row to table body
	30.138.17.	Append value to table body
	30.138.18.	Empty all table data
	30.138.19.	Remove a table
	30.138.20.	Clone table row
	30.138.21.	Table data hover