0

我有一段由用户发布的修改代码：Jashwant。我想知道是否有人可以帮助我进一步修改它，以便随机选择带有“box”类的第一个 div 标签。

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 容器，它们都带有“box”类，我假设脚本选择第一个具有匹配类的容器并在隐藏另一个容器的同时显示它，我想修改它，所以选择第一个选择的“box”随机。

任何建议将不胜感激！

4

1 回答 1

0

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

jsFiddle

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

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

哪个选择一个随机数。

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

var divName = '#box'+randomNum;

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

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

divs我用id's:box1和box2.标记的地方box3。

这应该足以帮助您为您的案例做同样的事情。

祝你好运！

于 2013-07-03T13:58:25.963 回答