选择2个具有相同类jQuery的随机div

本文介绍了选择2个具有相同类jQuery的随机div的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我的问题很简单，假设我有10个div:

my question is simple, suppose I have 10 divs:

<div class="someDiv"></div>
<div class="someDiv"></div>
<div class="someDiv"></div>
<div class="someDiv"></div>
<div class="someDiv"></div>
<div class="someDiv"></div>
<div class="someDiv"></div>
<div class="someDiv"></div>
<div class="someDiv"></div>
<div class="someDiv"></div>

我想当我单击"foo"时，只有2个div将其背景更改为红色.如何使用js中的Math.random之类的方法实现这一目标?

And I want that when I click 'foo' just 2 of the divs change their background to red. How can I achieve this with something like Math.random from js?

推荐答案

尝试一下-使用 Math.Random 和 parseInt

在此处工作演示

Working Demo Here

$(document).ready(function(){
    var r1 = (Math.random()*10);
    var r2 = (Math.random()*10); 
    if(parseInt(r1)==parseInt(r2)) // IF BOTH ARE SAME
    {
       if(parseInt(r1)==10)
       {
           r2=r2-1;
       }
       else
       {
          r2=r2+1;
       }
    }   
    var allDiv = $('.someDiv');    
    $(allDiv[parseInt(r1)]).css({'background':'red'});
    $(allDiv[parseInt(r2)]).css({'background':'red'});
});

这篇关于选择2个具有相同类jQuery的随机div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！