html - 在返回的每个结果中添加一行

Question

我正在将数据附加到屏幕，但在每个结束时我都试图添加一个 <hr>产生一条线。问题是，当我添加这个简单的标签时，它弄乱了结构。我不确定是什么原因造成的，但我想知道如何在不拉伸(stretch)所有附加元素的情况下附加标签。

$.each(results, function() {
  $("#resultsDiv").append('<tr>');
  $("#resultsDiv").append('<td width=11.1% align="left" valign="center">' + this.group1 + '</td>');
  $("#resultsDiv").append('<td width=11.1% align="left" valign="center">' + this.group2 + '</td>');
  $("#resultsDiv").append('<td width=11.1% align="left" valign="center"><img id="Img" src="ghost.png"></td>');
  $("#resultsDiv").append('<hr>');
  $("#resultsDiv").append('</tr>');
});

<div id="resultsDiv"></div>

Answer 1

我会在这里看看Using an <hr> tag with a table

来自@marcianx的相关引述

The best way to add a horizontal line between rows is with CSS borders

我同意。