HTML문서 작업 부분중에 막히는 부분이 있어서 고수님들에게 물어볼려구요

<!-- css 부분 -->
<style>
td, th{
border:1px solid black;
text-align:center;
cursor:pointer;
}
</style>
<!-- css 끝 -->


<!-- script 부분 -->
<script>
$(function(){
var save_tr;
$('.table1 td').click(function(){
if(save_tr){
save_tr.css('background','white');
}
save_tr = $(this);
$(this).css('background','red');
})
})
</script>
<!-- script 끝 -->


<!-- html 부분 -->
<table class='table1'>
<tr>
<th colspan=3>금액</th>
</tr>
<tr>
<td>50,000</td>
<td>100,000</td>
<td>200,000</td>
</tr>
<tr>
<td>300,000</td>
<td>400,000</td>
<td>금액정정</td>
</tr>
</table>
<!-- html 끝 -->


간단하게 만들어봤습니다. 기본적으로 jquery 를 사용가능하시면 이해 할수있을거라고 믿습니다.
저도 초보라서 이거보다 더 좋은 방법이 있을 수 있을거에요.

알려주셔서 감사합니다! 덕분에 문제없이 해결 했습니다! 이제 스크립트만 입력하면 될거같아요!

안녕하세요 인아이디어입니다.
하단과 같이 하셔도 될것같습니다.

[code]
<script>
$(function () {
$(".table td").on("click", function () {
$(this).closest('table').find('td').css('background', 'white');
$(this).css('background', 'red');
})

})
</script>
[/code]

좋은 정보 감사합니다

소중한 팁 감사드립니다.

이거 찾고 있었는데...의외로 기본인데 생각이 잘 안나더라구요..