Javascript Jquery append（）在另一行上？

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

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

是内联元素。您可以使用CSS将其更改为块：

span {
    display: block;
}

或者在伪元素之后使用

：

span::after { 
    content: "\A";
    white-space: pre;
}

或者使用

作为内联元素。您可以使用CSS将其更改为块：

span {
    display: block;
}

或者在

伪元素之后使用

：

span::after { 
    content: "\A";
    white-space: pre;
}

或者使用

这应该可以

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

$（“
”）
.append（$（“”）{
课堂：“时间”，
文本：content.time}）
.append（“
”）
.append（$（“”）{
类别：“内容”，
文本：content.message
}));
这应该行得通

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

$（“
”）
.append（$（“”）{
课堂：“时间”，
文本：content.time}）
.append（“
”）
.append（$（“”）{
类别：“内容”，
文本：content.message
}));
单独追加换行符，而不是通过将换行符连接到文本，则换行符有效：

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

$（“
”）
.append（$（“”）{
课堂：“时间”，
文本：content.time}）
.append（$（“
”）
.append（$（“”）{
类别：“内容”，
文本：content.message
}))
.追加（$（“
”）；

单独追加换行符，而不是通过将换行符连接到文本，然后换行符工作：

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

$（“
”）
.append（$（“”）{
课堂：“时间”，
文本：content.time}）
.append（$（“
”）
.append（$（“”）{
类别：“内容”，
文本：content.message
}))
.追加（$（“
”）；

如果希望HTML元素显示为换行符，可以在添加第二个
span
之前，使用
.after（）
方法插入换行符
\n
。这样做时，单词之间会有一个空格（因为
inline
span元素）


$（“p”）。追加（$（“”）{
课堂：“时间”，
文本：content.time
}).after（'\n'））.append（$（“”）{
类别：“内容”，
文本：content.message
}));
如果希望HTML元素显示为换行符，可以在添加第二个
span
之前，使用
.after（）
方法插入换行符
\n
。这样做时，单词之间会有一个空格（因为
inline
span元素）


$（“p”）。追加（$（“”）{
课堂：“时间”，
文本：content.time
}).after（'\n'））.append（$（“”）{
类别：“内容”，
文本：content.message
}));
也附加一个
。为什么您希望append本身插入任何空格或BRs？我没有，我想我不清楚这一点。有些元素需要html中的换行符才能正确显示。。。我不希望在新行上呈现跨距，而是希望html将两个跨距都显示在单独的行上。为什么您希望append本身插入任何空格或BRs？我没有，我想我不清楚这一点。有些元素需要html中的换行符才能正确显示。。。我不希望在新行上呈现跨距，而是希望html将两个跨距都显示在单独的行上。我真的不建议覆盖默认的跨距显示。我真的不建议覆盖默认的跨距显示。选择after而不是另一个append？以及选择after而不是另一个append？