想实现JS动态显示DIV层来修改TABLE行的值
比如定了了这么一下DIV层
<div id="youhuaDivTmp" style="display:none">
<table id="youhuaDivTb">
<tr class="optimizationSetBox">
<td colspan="7">
</td>
<td></td>
</tr>
</table>
</div>
要求点击下面表格中的立即优化，就在TR下方显示出上面的DIV层来进行修改TD中的值
<TABLE>
<tr>
<td>aaaa</td>
<td><button class="btn btnGreen_c r5" >立即优化</button></td>
</tr>
<tr>
<td>bbbb</td>
<td><button class="btn btnGreen_c r5" >立即优化</button></td>
</tr>
<tr>
<td>cccc</td>
<td><button class="btn btnGreen_c r5" ></button></td>
</tr>
</table>
点一下立即优化，就显示出上面定义的DIV来修改AAAA的内容，
不知哪位老师能帮我实现上面的功能，如果功能有写完整包含例子和一些注解我愿意出RMB50 酬谢
JavaScript
------解决方案--------------------
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>系统在线注册</title>
<script src="Scripts/jquery-1.8.2.min.js"></script>
</head>
<body>
<div id="youhuaDivTmp" style="display: none">
<table name="youhuaDivTb">
<tr>
<td>
<input type="text" id="txtNewValue" /></td>
</tr>
<tr>
<td>
<input type="button" name="btnUpdate" value="确认更新" />
</td>
</tr>
</table>
</div>
<table id="testTable">
<tr>
<td>aaaa</td>
<td>
<button class="btn btnGreen_c r5">立即优化</button></td>