Jquery 表格后的文本（不适合div）出现在表格中

我在这方面做了很多研究（似乎有人问了很多），但我所做的一切都不起作用。我用的是jQuery手机。这是我的相关代码：

<div style="width:100%; height:220px;">
  <table style="width:100%; word-wrap: break-word; table-layout:fixed;">
    <tr>
      <td height="20"><img height="20" src="images/Products/Carrot.svg"></td>
      <td height="20">Carrot</td>
      <td height="20">$9.99</td>
    </tr>
    <tr>
      <td height="20"><img height="20" src="images/Products/Raspberry.svg"></td>
      <td height="20">Raspberry</td>
      <td height="20">$3.49</td>
    </tr>
  </table>
</div>

胡萝卜
$9.99
覆盆子
$3.49

其中大约有11个额外的表行包含文本，但过帐它们将是多余的。理想情况下，我想要的（显示在手机屏幕上）是一个小表格，您可以滚动浏览，并在下面显示文本。但是，当我尝试将一个段落放在表容器外的div中时，它会将其放在表内并随表滚动

---

谢谢大家!

您可以在第一个div上使用jquery.append（）函数。因此它将在表之后添加内容

也许这就是您想要的

胡萝卜
$9.99
覆盆子
$3.49
覆盆子
$3.49
覆盆子
$3.49
覆盆子
$3.49
覆盆子
$3.49
覆盆子
$3.49
覆盆子
$3.49
覆盆子
$3.49
覆盆子
$3.49
覆盆子
$3.49
测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试