随机LI选择器

Question

我有3个li的所有数据窗格名称 我希望每次刷新都会选择一个随机的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');

Demonstration（重新加载以查看红色的不同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/