javascript - Jquery append() 在另一行？

Question

我认为这很简单，但这段代码在同一行输出了我的跨度。

$("<p/>")
    .append($("<span/>", {
        class:"time",
        text: content.time }))
    .append($("<span/>", {
        class: "content",
        text: content.message
    }));

但由于它在没有换行符的情况下附加这些元素，我的跨度最终需要手动间距，这在我当前的规模下是不可能的。

<p><span class="time">now</span><span class="content">Lorem Ipsum ...</span></p>

如何强制 jQuery 手动将我的 span 添加到新行中？我试过使用 .after到。

编辑:

到目前为止我想我有点不清楚.append("\n")是我正在寻找的，如果有任何更好的方法，我洗耳恭听，但附加一个 <br/>标签绝对不是我要找的。

<p>
   <span class="time">now</span>
   <span class="content">Lorem Ipsum ...</span>
</p>

Answer 1

如果你想让 HTML 元素附加到一个换行符，你可以插入一个换行符，\n，在附加第二个 span。这样做时，单词之间会有一个空格(因为 inline span elements respect the whitespace in the markup )。

Example Here

$("p").append($("<span/>", {
    class: "time",
    text: content.time
}).after('\n')).append($("<span/>", {
    class: "content",
    text: content.message
}));