jQuery;將代碼和文本添加到元素中

Question

所以我有一個應該有3個條目的數組。

條目1：

<i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><br> 
<i>"Lorem Ipsum."</i><br><br> 
<b>Jane Doe</b> 

條目2：

<i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-o" aria-hidden="true"></i><br> 
<i>"Ipsum Lorem"</i><br><br> 
<b>John Smith</b> 

我有是應該隨機選擇來自陣列的一個條目的功能。但問題是，如何在數組條目中使用HTML代碼和文本？它只是與引號混淆。

終點應該是;函數隨機挑選出一個條目，以便後面的追加到另一個元素的條目。

這是代碼選擇一個隨機項，如果你想看到它：

var chosen = reviews[Math.floor(Math.random() * reviews.length)]; 

reviews是數組變量名。

Answer 1

你的麻煩是什麼？使用單引號和雙引號。

var reviews=[]; 
 
// Entry 1 
 
reviews.push(
 
    '<i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><br>' + 
 
    '<i>"Lorem Ipsum."</i><br><br>' + 
 
    '<b>Jane Doe</b>' 
 
); 
 
// Entry 2 
 
reviews.push(
 
    '<i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-o" aria-hidden="true"></i><br>' + 
 
    '<i>"Ipsum Lorem"</i><br><br>' + 
 
    '<b>John Smith</b>' 
 
); 
 
var chosen = reviews[Math.floor(Math.random() * reviews.length)]; 
 
document.getElementById('MyContainer').innerHTML = chosen;

<p id="MyContainer"></p>