JavaScript仅显示部分元素，随机生成

Question

我正在尝试制作HTML游戏，这部分是答案。我不想在一次会议上展示整套设备，我希望将其随机选择（从30个中仅显示6个）。

<div id = "answers">
        <li class = "paris"><p> Champ Elysees </p></li>
        <li class = "london"><p> Tate Modern </p></li>
        <li class = "barcelona"><p> Sagrada Familia </p></li>
        <li class = "paris"><p> Montmartre </p></li>
        <li class = "ny"><p> Fifth Avenue </p></li>
        <li class = "barcelona"><p> Paella </p></li>
        <li class = "barcelona"><p> La Rambla </p></li>
        <li class = "london"><p> Piccadilly Circus </p></li>
        <li class = "paris"><p> Mona Lisa </p></li>
        <li class = "ny"><p> Empire State Building </p></li>
        <li class = "ny"><p> Broadway </p></li>
        <li class = "paris"><p> Musée d'Orsay </p></li>
        <li class = "ny"><p> Wall Street </p></li>
        <li class = "london"><p> Camden Town </p></li>
        <li class = "ny"><p> Big Apple </p></li>
        <li class = "barcelona"><p> La Boqueria </p></li>
    </div>

我的问题是：如何隐藏此元素并通过随机生成仅显示其中的一部分？

Answer 1

您可以遍历该列表并通过获取所有li节点并调整hidden属性来随机隐藏它们：

Answer 2

您可以尝试创建所有元素的索引数组，然后对数组进行排序并仅对所需部分进行切片。最后，根据index

Answer 3

此代码可让您选择要隐藏的数量。在这种情况下，我们通过从页面中获取元素，对它们进行改组，然后从改组后的元素中隐藏前14个，来随机隐藏16个答案中的14个：