We would like to know how to get input control type.
<!--from w w w .ja v a2 s . c o m-->
<html>
<head>
<script type="text/javascript" src='http://code.jquery.com/jquery-1.5.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>
The code above is rendered as follows: