Javascript 向下滑动并在HTML表中编辑

基本上，我有一个html表，其中包含一组来自数据库的数据 （MySQL）

我想能够按下一个链接，并有一个给定的表 行向下滑动以扩展到编辑区域

我将使用Ajax用细节数据填充编辑空间 从数据库中

这就是我的桌子：

<table> 
    <tr> 
        <th>ID</th> 
        <th>Name</th> 
        <th>Value</th> 
        <th>Edit</th> 
    </tr> 
    <tr> 
        <td>1</td> 
        <td>House</td> 
        <td>5000</td> 
        <td><a href="">Edit</a></td> 
    </tr> 
    <tr> 
        <td>2</td> 
        <td>Dog</td> 
        <td>2000</td> 
        <td><a href="">Edit</a></td> 
    </tr> 
    <tr> 
        <td>3</td> 
        <td>Cat</td> 
        <td>1000</td> 
        <td><a href="">Edit</a></td> 
    </tr> 
</table>

身份证件
名称
价值
编辑
1.
房子
5000
2.
狗
2000
3.
猫
1000

如果我想使用Ajax更改表的整行，我不能 只需在tr标签周围加一个div，因为这根本不起作用。我 我需要在我所有的td标签上加一个div。我真的只想要一个普通的 对于要显示在表行中而不使用行分隔符的，请在 这种风格：

<table> 
    <tr> 
        <th>ID</th> 
        <th>Name</th> 
        <th>Value</th> 
        <th>Edit</th> 
    </tr> 
    <tr> 
        <td colspan="4"> 
            <div id="row_1"> 
                <form method="post" action="" > 
                <input type="hidden" name="ID" value="1"> 
                    <table> 
                        <tr> 
                            <td>Name</td> 
                            <td>
                                <input type="text" name="Name" value="House" />
                            </td> 
                        </tr> 
                        <tr> 
                            <td>Value</td> 
                            <td>
                                <input type="text" name="Value" value="5000" />
                            </td> 
                        </tr> 
                        <tr> 
                            <td colspan="2">
                                <input type="submit" />
                            </td> 
                        </tr> 
                    </table> 
                </form> 
            </div> 
        </td>
    </tr>
    <tr> 
        <td><div id="row_2_id">2</div></td> 
        <td><div id="row_2_name">Dog</div></td> 
        <td><div id="row_2_value">2000</div></td> 
        <td><div id="row_2_edit"><a href="">Edit</a></div></td> 
    </tr> 
    <tr> 
        <td><div id="row_3_id">3</div></td> 
        <td><div id="row_3_name">Cat</div></td> 
        <td><div id="row_3_value">1000</div></td> 
        <td><div id="row_3_edit"><a href="">Edit</a></div></td> 
    </tr> 
</table>

身份证件
名称
价值
编辑
名称
价值
2.
狗
2000
3.
猫
1000

我已经有了一个关于如何做整个滑动的想法。但是 我很难理解，是不是要把一整排的 表使用ajax。有人知道该做什么，去哪里吗

---

这些部门负责整个业务

不要使用表格。使用div。使用jquery

$("#myButton").click(function(){

            var dataString = "yourparameters"

            $.ajax({
            type: "GET",
            dataType: "html",
            cache: false,
            url: "yourServlet", 
            data: dataString, 
            success: function(data) {
                $("#yourDiv").html(data);   
                $("#yourDiv").show(); //assumes it was hidden before
                }
            });
        }

}); 

---

删除另一个答案的天才是谁。好吧，所以它不起作用，但它仍然有用。