日期:2014-05-16  浏览次数:20504 次

想实现JS动态显示DIV层来修改TABLE行的值哪位教我一下谢谢

想实现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 c