Question

我正在尝试建造不同大小和宽度的css砌体。我有5种尺寸，将随机分配到我的<li>。每个下一个<li>将被赋予从数组生成的不同宽度。

psuedo代码：

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>

请指导或帮助

Answer 1

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

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

Answer 2

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

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

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

jsFiddle link here

随机数函数和设置也使用jQuery，就像在你的例子中一样。

希望它有所帮助！祝你好运

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

2 个答案: