javascript - 随机 LI 选择器

Question

我有 3 个 li，其中包含所有数据 Pane 名称。
我希望每次刷新时都会选择一个随机的 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)