each function callback : each « jQuery « JavaScript DHTML

each function callback

     
<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>

Related examples in the same category

1.	Loop through each tag
2.	Each span tag
3.	For each array element
4.	For each function with index and value
5.	Use Each Function To loop through Selected Item
6.	Each function and array
7.	Each function and map array
8.	Use 'return' to break out of each() loops early.
9.	Get each loop index
10.	Use foreach to create li
11.	Hard code value into each function
12.	Append value with each function
13.	Return true as continue statement
14.	Use each function to add class