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