Javascript DIV定位错误

其思想如下，如果您单击一个按钮进行显示，ajax请求将启动，响应将在一个隐藏的窗口中进行，并且显示结果

但是，这个问题被放错了位置。它位于a中，并且应该出现在a中，介于1.1和1.2之间

这里是一个提琴，我在这里做了一个例子，没有Ajax，它只是显示/隐藏文本测试

如何正确解决此问题？

您忘记了单元格：

将div直接放在tr中是无效的。您需要将div嵌套在tr的有效子级中。否则，浏览器会将无效元素放置在其他位置，在这种情况下，它会将其放置在表之前

如有疑问，请检查。具体而言，请检查可使用此元素的上下文，以了解可将元素放置在何处，并检查内容模型部分，以了解可立即在该元素中放置的内容：

添加标记以使div正确显示：

小提琴示例：

html

这样表述： -单击我显示---

-单击我隐藏---

标题1 标题2 标题3 1.1 2.1 3.1 测验 1.2 2.2

---

3.2因此，我必须检查我的内容，因为它直接影响ajax对1234的响应。所以，这需要一个完整的conainter，对吗？@user3108507如果您的响应以a开头，您只需要在tr中立即打印它。通常最好不要在AJAX中发送HTML。只需发送数据，并将模板应用于数据。

<Label onclick="doShow()"> <p> ---- CLICK ME (show) ----- </p> </label>
<Label onclick="doHide()"> <p> ---- CLICK ME (hide) ----- </p> </label>

<table class="table">
    <thead>
        <th> TITLE 1 </th>
        <th> TITLE 2 </th>
        <th> TITLE 3 </th>
    </thead>
    <tbody>
          <tr>
              <td> 1.1</td>
              <td> 2.1</td>
              <td> 3.1</td>
        </tr>
        <tr>
            <td><div class="class1" id="testdiv"><h1>TEST</h1> </div></td>
        </tr>
            <tr>
              <td> 1.2</td>
              <td> 2.2</td>
              <td> 3.2</td>
        </tr>
    </tbody>
</table>

<Label onclick="doShow()"> <p> ---- CLICK ME (show) ----- </p> </label>
<Label onclick="doHide()"> <p> ---- CLICK ME (hide) ----- </p> </label>

<table class="table">
    <thead>
        <th> TITLE 1 </th>
        <th> TITLE 2 </th>
        <th> TITLE 3 </th>
    </thead>
    <tbody>
          <tr>
              <td> 1.1</td>
              <td> 2.1</td>
              <td> 3.1</td>
        </tr>
        <tr>
            <td><div class="class1" id="testdiv"><h1>TEST</h1> </div></td>
        </tr>
            <tr>
              <td> 1.2</td>
              <td> 2.2</td>
              <td> 3.2</td>
        </tr>
    </tbody>
</table>