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> 

Iがランダム配列からの1つのエントリを選択するはずの機能を有しています。しかし、問題は、 HTMLコードとのテキストを配列エントリに含めるにはどうすればよいですか？それはちょうど引用符で台無しになる。

エンドポイントは次のようになっています。関数はランダムに1つの項目を後で選択しますに別の要素の項目を追加します。あなたはそれを見たい場合は

これはランダムなエントリを選ぶコードです：

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>