Html ruby上的rails循环顺序不正确，不在td中的行显示在顶部

我一直在寻找这个问题，但没有找到答案，所以我想我会问

我有一个ActiveRecord对象，它被一个.do循环，以生成一个表，其中每个记录有一行。现在，我试图在循环的底部放置一个div，以便使用javascript在每条记录下添加更多的行。问题在于，除非div位于标记内（而它只需要位于标记内），否则它们都会位于循环输出的其余部分之上，如下所示：

<div>
</div>
<div>
</div>
<tr>
</tr>
<tr>
</tr>

然后有一个空的在底部的地方，div应该去，但它是空的

应该是

<tr>
</tr>
<tr>
<div>
</div>
</tr>

这是我的观点，我所指的div接近底部

谢谢你的帮助

            <div class="collapse" id=<%="searchExpand#{@count}"%> >
                <div class="card card-body">
                    Loading
                </div>
            </div>

加载

在show中，显示状态代码
关键词
托运人
联名
起源
目的地
日期
扩大
深入搜索
加载

对于

而言：

零个或多个

和/或

元素；还允许使用脚本支持元素（

和

）

因此，结构如下：

<tr>
  <div>...</div>
</tr>

...

不是有效的HTML，浏览器会将其重写为有效的，这就是为什么事情会在你身上移动

解决方案是使用有效的HTML，类似于：

<tr>
  <td colspan="7">
    <div class="collapse" id=<%="searchExpand#{@count}"%> >
      <div class="card card-body">
        Loading
      </div>
    </div>
  </td>
</tr>

加载

然后调整JavaScript以正确处理新的

对于

来说：

零个或多个

和/或

元素；还允许使用脚本支持元素（

和

）

因此，结构如下：

<tr>
  <div>...</div>
</tr>

...

不是有效的HTML，浏览器会将其重写为有效的，这就是为什么事情会在你身上移动

解决方案是使用有效的HTML，类似于：

<tr>
  <td colspan="7">
    <div class="collapse" id=<%="searchExpand#{@count}"%> >
      <div class="card card-body">
        Loading
      </div>
    </div>
  </td>
</tr>

加载

---

然后调整JavaScript以正确处理新的

将

div

作为

tr

元素的直接子元素是无效的HTML。通常，只有

td

或

th

元素可以是

tr

的直接子元素。将

div

作为

tr

元素的直接子元素是无效的HTML。通常，只有

td

或

th

元素可以是

tr

的直接子元素。