Question

我有一条由用户发布的修改后的代码：Jashwant。我想知道是否有人可以帮助我进一步修改这一点，以便第一个div类标记为＆＃34; box＆＃34;是随机选择的。

var wzprboxactive = 0;
$('.wzprboxbtn').click(function(e) {
jQuery.fx.off = true;
var $wzprboxbtn = $(this);
var $box = $('#area-wrap').find('.box'); 
$box.eq(wzprboxactive).show(function() {
    if ($wzprboxbtn.hasClass('next')) {
        if (wzprboxactive == $box.length - 1) {
            wzprboxactive = 0;
        }
        else {
            wzprboxactive ++;
        }
    }
    else {
        if (wzprboxactive == 0) {
            wzprboxactive = $box.length - 1;
        }
        else {
            wzprboxactive --;
        }
    } 
    $box.eq(wzprboxactive).hide();      
});

e.preventdefault();
     return false;
});

例如，我有2个div容器，都带有类＆＃39; box＆＃39;我假设的脚本选择具有匹配类的第一个容器并在隐藏另一个的同时显示它，我想修改它，以便第一个选中的框＆＃39;随机选择。

任何建议都将不胜感激！

Answer 1

我为你准备了一个例子，让你开始使用jQuery的随机函数：

jsFiddle

jsFiddle基本上是不言自明的，但主要思想是以下功能：

var randomNum = Math.ceil(Math.random()*numberOfDivs);

选择随机数。

然后，您可以使用此随机数来“制作”div id：

var divName = '#box'+randomNum;

现在你已经创建了一个软编码的div id，你可以（从那时起）在jQuery选择器中使用它。例如：

$("#wrapper").find(divName).animate({opacity: 0.25}, 200);

我使用divs标记了id：box1，box2和box3。

这应该可以帮助你完全按照你的情况做同样的事情。

祝你好运！

修改脚本以随机选择div

1 个答案: