Javascript 在ajax调用后在同一tr上重新加载

HTML:

<table border="1">
    <tr id="main_account">
        <td width="50%">
            <h3 style="margin-left:10px">Details</h3> 
            <table width="270">
                <tr>
                    <td>First name:</td>
                    <td><input type="text" name="first_name" id="id_first_name" /></td>
                </tr>
                <tr>
                    <td>Last name:</td>
                    <td><input type="text" name="last_name" id="id_last_name" /></td>
                </tr>
                <!-- other html -->
            </table>
        </td>
    </tr>
    <tr id="authorised_reporter">
        <td  width="100%" colspan="2">                            
            <form method="post" action="." id="reporter-form">                                    
                <table  width="100%">
                    <tr>
                        <td style="width:100px;">First name:</td>
                        <td><input type="text" name="first_name" id="id_first_name" /> </td>
                    </tr>
                    <tr>
                        <td>Last name:</td>
                        <td><input type="text" name="last_name" id="id_last_name" /> </td>
                    </tr>
                    <tr>
                        <td>Daytime phone:</td>
                        <td><input id="id_phone_daytime" type="text" class="trim-space" name="phone_daytime" /></td>
                    </tr>
                </table>
            </form>
        </td>
    </tr> 
</table> 

请尝试以下方法：

示例：1

$("#main_account").hide();  

如果答案与你无关，请忽略它

---

示例：2

为了实现优雅的递减，您可以坚持通过jQuery进行隐藏，只需给编辑

行一个类，例如

，然后使用jQuery在表外同时隐藏所有行，如下所示：

<script type="text/javascript">
$(function() {
    $("tr #main_account").hide();
});
</script>

$（函数（）{
$（“tr#主账户”）.hide（）；
});

---

这种方法，而不是用CSS将它们隐藏起来，对那些禁用JS的用户更友好，如果你可能有这样的用户群，那么就使用这种

.hide（）

方法。

你的更改可能不会应用，因为

location.reload();

---

它将重新加载内容，成功功能的后续部分将不起作用。如果你能更具体和提供更多的html，将能够给你一个答案。您也可以在jQuery中使用.done（）。

您可以创建一个演示吗？使用AJAX的主要原因是您不必提交表单/重新加载页面。响应AJAX调用，返回受影响/更新部分的新内容，然后使用jQuery/JavaScript更新页面的所需部分。

location.reload();