javascript - 随机 LI 选择器

Question

我有 3 里的所有数据窗格名称。
我希望每次刷新都选择一个随机的 li 。

如何制作一个 javascript/jQuery 脚本来随机data-panename获取该类active？

HTML

<ul class="tab-tabs">
 <li class="first" data-panename="uitgelicht"><a href="/nl?show=Uitgelicht" rel="nofollow">Uitgelicht</a></li>
 <li data-panename="nieuw"><a href="/nl?show=Nieuw" rel="nofollow">Nieuw</a></li>
 <li class="last" data-panename="meest-bekeken"><a href="/nl?show=Meest+bekeken" rel="nofollow">Meest bekeken</a></li>
</ul>

Answer 1

你可以这样做 ：

var lis = $('li[data-panename]');
lis.eq(Math.floor(Math.random()*lis.length)).addClass('active');

演示（重新加载以查看红色的不同 li）

Answer 2

试试这样：

$lis = $('.tab-tabs li');

var randomIndex = Math.floor(Math.random()*$lis.length);

$lis.eq(randomIndex).addClass('active;);

编辑：Math.round()当然，共同域太宽了。

Answer 3

给你： JS

​$(document)​.ready(function() {
    var selector = '.tab-tabs > li:eq('+Math.floor(Math.random()*3)+')';
    $(selector).addClass('active');
});​​​​​​​

CSS

.active {
    background-color:#FFAA00;
}​

演示：http: //jsfiddle.net/B6ywm/