javascript - 如何在div类中添加随机数id

<分区>

下面是我的html代码。此内容框将取决于内容。我可能是 5 岁、10 岁、20 岁。因为它将是动态内容。现在我想在每个 div 中随机添加一个类，类名将是 color-1、color-2、color-3、color-4、color-5......颜色 10。所以数字范围将是 1-10。那么我如何在 content-box 中随机添加这些类。任何想法请。

HTML:

<div class="content-box">
    <img src="images/love-01.jpg" />
</div>
<div class="content-box">
    <img src="images/love-05.jpg" />
</div>
<div class="content-box">
    <img src="images/love-02.jpg" />
</div>
<div class="content-box">
    <img src="images/love-03.jpg" />
</div>
<div class="content-box">
    <img src="images/love-04.jpg" />
</div>

http://jsfiddle.net/dKgaz/

最佳答案

$('div.content-box').addClass(function(){
    var color = Math.floor(Math.random() * 10) + 1;
    return 'color-' + (color < 10 ? '0' + color : color)
});

JS Fiddle demo .

更新了演示，更明显一点:demo .

关于javascript - 如何在div类中添加随机数id，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19583322/

上一篇：javascript - 如何使用 jQuery 替换列表项内容？

下一篇：jquery - 用于 jQuery 验证的复选框数组选择器

javascript - 路由到 Node.js 请求收到的 View

javascript - Jquery:使用计数器显示折扣

java - java中如何将段落分割成句子

javascript - TDD的JavaScript单元测试工具

javascript - Canvas 鼠标指针未同步

javascript - jQuery - jquery 自动完成选择事件后文本字段值更改

javascript - 如何在 mustache 模板化后检查元素是否存在

javascript - d3 onerror 默认图像，带有 html 工具提示标签

html - 如何将按钮链接到另一个页面？