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>

jQuery的;将代码和文本添加到元素中

1 个答案: