クリックされた行を色変更

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>クリックされた行を色変更</title>
<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
// aタグにクリックイベント時にviewLine()を実行と追加（バインディング）
$('a').bind('click', viewLine);
});
var viewLine = function(e)
{
// クリックされたaタグの親のtr
pTrAry = $(this).parents("tr");
// pTrAry(aタグの親のtr)の子のtd
cTdAry = $(pTrAry).children("td");
// cTdAry(pTrAry(aタグの親のtr)の子のtd)にCSS追加
$(cTdAry).css("color", "red");
return false;
};
</script>
</head>
<body>
<h1>クリックされた行を色変更</h1>
<table>
<tr><td>eetd1</td><td>eetd2</td><td><a href="#">ee</a></td></tr>
<tr><td>fftd1</td><td>fftd2</td><td><a href="#">ff</a></td></tr>
<tr><td>ggtd1</td><td>ggtd2</td><td><a href="#">gg</a></td></tr>
</table>
<div style="font-size:10pt;text-align:right;margin-top:0.5em;">
<a href="//tips.recatnap.info/" target="_top">PCスキルの小技・忘却防止メモ</a> -
<a href="//tips.recatnap.info/wiki/" target="_top">PCスキルの小技・忘却防止メモのまとめ（wiki）</a>
</div>
<div style="font-size:10pt;text-align:center;margin-top:0.5em;padding:0.5em;border-top:1px solid #ccc;">
</div>
</body>
</html>