html - 按元素顺序排列 - 不按写作顺序排列

Question

在下面的fiddler中，为什么我会在“AAAA”之前看到“BBBB”？我希望订单符合<tr>。

<table style="text-align:left;">
  <tr>
    <td class="field">
      <label for="...">...</label> <br/>
      <myattributes>
        <tr>
          <td>
            <li>
              ...<a href="AAAA" data-confirm="Are you sure?" data-method="delete" rel="nofollow">AAAA</a>
            </li>
          </td>
        </tr>
      </myattributes>
      <label>
        <input data-autocomplete-source="..." />
        <a href="/dog">BBBB</a>
      </label>
    </td>
  </tr>
</table>

Answer 1

你的标记搞砸了。

嵌套<tr>关闭上一个表格行并添加一个新表格。

通过以</tr>结束行，您目前不在表格行中。

当表格行之间放置标记的元素时，它们会移动到DOM中的表格上方。这就是你首先看到“BBBB”的方式。