将随机数组值分配给 div 的 jQuery / JS答案

【问题标题】：Assign random array values to div's jQuery / JS将随机数组值分配给 div 的 jQuery / JS
【发布时间】：2015-05-28 22:38:17
【问题描述】：

我正在尝试构建高度和宽度大小不同的 CSS 砌体。我有 5 种尺寸，将随机分配给我的 <li>'s。每个下一个<li> 都会被赋予从数组生成的不同宽度。

伪代码：

function randomNumber(){
    var textArray = ['1','2','3','4','5'];
    $("ul li").each(function(){
        $(this).html(textArray[randomNumber]);
    });
}


<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

请指导或帮助

【问题讨论】：

标签： javascript jquery html arrays

【解决方案1】：

如果您只需要一个随机数，请使用 Math.random。 Mozilla 文档显示了一个获取具有最小值和最大值的随机数的示例。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random

【讨论】：

【解决方案2】：

我不确定我是否完全理解您的问题，但我假设您需要从宽度数组中获取随机索引。

为此，我在数组对象上创建了一个原型函数，以从数组中返回一个随机索引。

然后我循环了[number] 的次数，以将li 元素动态添加到指定的ul 作为示例。这里每个li的内容都被数组返回的随机数填充。

jsFiddle link here

随机数函数和设置也使用 jQuery，就像您在示例中所做的那样。

希望对您有所帮助！祝你好运

【讨论】：

谢谢西德尼...您的反馈真的很有帮助