javascript - 我的 HTML 代码无法在 Javascript/JSON 上读取

Question

所以我正在用 Javascript 做一个报价生成器，其中点击时生成报价。

代码如下所示:

$("#getQuote").on("click", function(){
var i = Math.floor((Math.random() * quote.length));

   $("#theQuote").html(quote[i] <\br> person[i]);
});

我试图在引用和引用者之间进行换行，但似乎无法识别 quote[i] 之后的任何代码。

我还尝试将 \n 添加到数组中的字符串中，例如:

var quote = ['"With great power, comes great responsibility." \n- Uncle Ben'];

但不知何故 \n 未被读取，而引用的其余部分却被读取。

Answer 1

第一 $("#theQuote").html(quote[0] + '<br>' + person[0]);任何没有包装的东西 '或"是数字或变量，并且 .html将字符串视为html，因此您需要使用 + 连接它们

第二种方式也可以，var quote = ['"With great power, comes great responsibility." <br> - TEST_1 Uncle Ben'];

var quote = ['"With great power, comes great responsibility." <br> - TEST_1 Uncle Ben'];
var person = ['TEST_2 Uncle Ben'];

$("#getQuote").on("click", function() {
  //var i = Math.floor((Math.random() * quote.length));

  $("#theQuote").html(quote[0] + '<br>' + person[0]);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<button id="getQuote">getQuote</button>

<br><br>
<div id="theQuote">N/A</div>