javascript - DIV-定位错误

Question

想法如下，如果您单击“显示”按钮，将启动 ajax 请求，并且响应将发生在(隐藏)<div> 中。 ，以及<div>将会变得可见。

但是<div>放置错误。它位于 <tr> ，并且应该出现在其中，介于 1.1 和 1.2 之间

这是一个 fiddle ，我在其中做了一个示例，没有 Ajax，它只是显示/隐藏文本“TEST”

http://jsfiddle.net/pt2w3/12/

如何正确解决这个问题？

Answer 1

您忘记了单元格 ( <td></td> ):

<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>

http://jsfiddle.net/hescano/pt2w3/13/