By arunraj
The following code example illustrates modifying an nth child in an HTML table
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
<html>
<head>
<script src="js/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
$('table td:nth-child(2) input').focus(
function() {
$(this).parent().next().css("background-color","#00FF00");
});
$('table td:nth-child(2) input').blur(
function() {
$(this).parent().next().css("background-color","#FFFFFF");
});
});
</script>
</head>
<body>
<table>
<tr>
<td>Input</td>
<td>Type</td>
<td>Current</td>
</tr>
<tr>
<td>FirstName</td>
<td><input type="text"></td>
<td></td>
</tr>
<tr>
<td>LastName</td>
<td><input type="text"></td>
<td></td>
</tr>
</table>
</body>
</html>
Technology: