javascript - 在 jQuery 中使用\n 换行符设置文本

Question

我用 jQuery 附加以下内容。

    game_details_container.append('<div class="game_detail_peg"><table><tr><th class="game_detail_tr"><span class="game_detail_tr_round">'+innings_num+'</span> '+team_home+'</th> </tr><tr><td>'+inningsInfo['innings_pp_h']+'</td></tr></table></div>');

变量 inningsInfo['innings_pp_h'] 的文本包含换行符 '\n' 标记。

但是，文本被设置为流畅且不支持换行符。有没有办法解决这个问题。

任何人都可以告诉我如何解决此问题的正确方向吗？

Answer 1

如果您想要的是您的\n字符在渲染的 HTML 中创建换行符，您可以尝试:

game_details_container.append('<div class="game_detail_peg"><table><tr><th class="game_detail_tr"><span class="game_detail_tr_round">'
    + innings_num
    + '</span> ' 
    + team_home
    + '</th> </tr><tr><td>'
    + inningsInfo['innings_pp_h'].split("\n").join("<br />")
    + '</td></tr></table></div>'
);

HTML 会忽略换行符，除非它们位于 <pre> 内部。标签。要强制换行，您需要使用 <br> , <div> (或任何其他 block 级元素)，或者将您的内容放在 <pre> 中标签。