0

私はすべてのデータペイン名を持つ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>
4

3 に答える 3

4

あなたはこれを行うことができます ：

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

デモンストレーション(リロードすると別の Li が赤色で表示されます)

于 2012-12-13T10:53:00.220 に答える
3

このようにしてみてください：

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

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

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

編集：Math.round()共同ドメインはもちろん広すぎました。

于 2012-12-13T10:52:44.930 に答える
0

どうぞ： 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/

于 2012-12-13T11:03:02.267 に答える