要素をランダムで指定数分だけ表示

Ads

Result

jQuery

//全部非表示にする
$('.someList li').hide();
// リストをシャッフルする
var items = $('.someList li').get().sort(function() {
    return Math.round(Math.random()) - 0.5;

}).slice(0, 3); // ランダムで3つだけ抽出して表示
$(items).show();​

html

<ul class="someList">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
</ul>​

via

Show a Random Number of Elements

タイトルとURLをコピーしました