javascript - 显示随机div

标签 javascript jquery html

我有一个问题,

HTML 格式

<div class="item ">One</div>
<div class="item">Two</div>
<div class="item">Three</div>
<div class="item">Four</div>

JS

var random = Math.floor(Math.random() * $('.item').length);
$('.item').hide().eq(random).show();

我需要在 (item) 类的 div 中自动随机添加类 (no-active) ,但不需要为所有 div 添加类 (no-active) 。只有一些div。

现在我的代码只显示 1 个 div,这不是我想要的。

最佳答案

你试试这个:

var random = Math.floor(Math.random() * $('.item').length);
var newrandom = 0;
//alert(random);
if(random==0){//alert(random);
$('.item').hide().eq(random).show();
}else if(random>0){
    $('.item').hide();
  for(var i=1; i<=random; i++){

    newrandom = Math.floor(Math.random() * $('.item').length);
        $('.item').eq(newrandom).show();
  //alert(newrandom);
   }

 }

使用这个你会得到随机编号。随机时间。

关于javascript - 显示随机div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48972080/

相关文章:

javascript - 我试图在单击复选框时显示一个 div

javascript - Ajax 使用 jquery UI 提交各种输入值,然后单击下一个按钮

c# - 在同一 View 中显示局部 View mvc4

jquery - HTML5 默认电子邮件验证在域部分失败

javascript - 如何使用 javascript 打印 Canvas 内容

javascript - 如何使用 Javascript 在 div 中定位 ul

javascript - 无法将 blob 上传到 Node js 后端

javascript - jQuery Ajax 加载表而不是整个页面

jquery - 单击时更改 Accordion 箭头方向

javascript - 如何点击动态改变id和类selenium java