Get input control type : attr « jQuery « JavaScript DHTML

Get input control type

     
<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.	Disable input control
2.	Get attribute from tag
3.	Set Image URL title alt
4.	attr(key, fn)
5.	Sets src attribute from title attribute on the image.
6.	attr(key, value) set a single property to a value, on all matched elements.
7.	Finds the title attribute of the first in the page.
8.	attr(name): access a property on the first matched element.
9.	Disable all form input controls
10.	Add attribute and clear attribute
11.	Set attribute with the returned function value