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>