Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

Add column to a table

< html>   <head>     <script type="text/javascript" src="js/jquery-1.3.2.js"></script>     <script type="text/javascript">     $(document).ready(function(){         $('#exampleTable').find('td').each(function(i, el) {             var inputEl = $(el).children().get(0);             $(el).before('<td>Added ' + $(inputEl).attr('type') + '</td>');        });              });     </script>   </head>   <body>      <form>      <table id="exampleTable">      <tr>         <th>             Type         </th>         <th>             Element         </th>      </tr>      <tr>         <td>             <input type="button" value="Input Button"/>         </td>      </tr>      <tr>         <td>             <input type="checkbox" />         </td>     </tr>     </table>     </form>   </body> </html>