javascript - jQuery 追加预格式化的连接字符串

Question

for (i = 0; i < json.people[NPC_id].dialogs.start.options.length; i++) {
    concat += "\n "+ optionNumbers + ") " + json.people[NPC_id].dialogs.start.options[i].text;
    optionNumbers++;    
}
//append JSON dialog to label...
options = concat;

这里我更新了HUD:

function updateHUD() {      
    console.log(options);
    $('#options').html(options);        
}

然后更新 HTML:

<div id="bottomDisplay">
    <ul>
        <li><b>Options:</b> <div id="options"></div>    </li>
    </ul>
</div>

Console.log 给出格式化的 concat 字符串...

1) What is wrong with it?
2) What is a 狗?
3) Sorry, I don't have time :/

但是 html 出现在 div id 中，未格式化为:

1) What is wrong with it? 2) What is a 狗? 3) Sorry, I don't have time :/

这是为什么？

Answer 1

HTML 不处理多个空格或换行符。

您可以:

• 将整体放入 <pre>元素(最简单的是 <pre id=options></pre> )
• 替换 \n与 <BR> :options = options.replace(/\n/g,'<br>')