Выберите 5 случайных элементов

Question

Как я могу выбрать первые 5 случайных элементов

<ul> 
    <li>First</li> 
    <li>Second</li> 
    <li>Third</li> 
    ... 
    <li>N</li> 
</ul> 

I'm using this plugin:

alert($("li:random").text()); 

но он принимает все случайные элементы. Я хочу только первый 5.

Есть ли другой способ сделать то же самое?

Answer 1

Вот как получить 5 случайных элементов из выбора jQuery, нет необходимости в плагинах!

randomElements = jQuery("li").get().sort(function(){ 
    return Math.round(Math.random())-0.5 
}).slice(0,5) 

На данный момент у вас есть 5 DomElements, которые были выбраны случайным образом из всех LIS, что JQuery вернулся

Вы можете делать все, что вы хотите с ними,
например, изменить их цвет:

$(randomElements).css("color","red") 

или отображения их в сочетании содержание текста:

$(randomElements).text() 

Answer 2

$("li:lt(5):random").text() 

Answer 3

Получить индекс случайных чисел, 1-5, и получить дочерний элемент ul с этим индексом. Вроде так:

var index = Math.floor(Math.random() * 5) + 1; // nth-child indices start at 1 
alert($("ul:nth-child(" + index + ")").text()); 

Answer 4

Почему бы просто не сделать это, кажется довольно эффективным:

jQuery('li:random').slice(0, 5); 

Answer 5

jQuery.jQueryRandom = 0; 
    jQuery.extend(jQuery.expr[":"], { 
    random: function(a, i, m, r) { 
     if (i == 0) { 
     jQuery.jQueryRandom = Math.floor(Math.random() * r.length); 
     }; 
     return i == jQuery.jQueryRandom; 
    } 
    }); 

Answer 6

Использование Я создал небольшой скрипт для этой цели. Это делается путем создания случайной перетасованной и нарезанной копии массива элементов jQuery, а затем фильтрации всех элементов, которые не существуют в обоих массивах.

Вы можете прочитать об этом на http://www.afekenholm.se/jquery-rand. Вот сценарий:

/** 
* jQuery.rand v1.0 
* 
* Randomly filters any number of elements from a jQuery set. 
* 
* MIT License: @link http://www.afekenholm.se/license.txt 
* 
* @author: Alexander Wallin (http://www.afekenholm.se) 
* @version: 1.0 
* @url: http://www.afekenholm.se/jquery-rand 
*/ 
(function($){ 
    $.fn.rand = function(k){ 
     var b = this, 
      n = b.size(), 
      k = k ? parseInt(k) : 1; 

     // Special cases 
     if (k > n) return b.pushStack(b); 
     else if (k == 1) return b.filter(":eq(" + Math.floor(Math.random()*n) + ")"); 

     // Create a randomized copy of the set of elements, 
     // using Fisher-Yates sorting 
     r = b.get(); 
     for (var i = 0; i < n - 1; i++) { 
      var swap = Math.floor(Math.random() * (n - i)) + i; 
      r[swap] = r.splice(i, 1, r[swap])[0]; 
     } 
     r = r.slice(0, k); 

     // Finally, filter jQuery stack 
     return b.filter(function(i){ 
      return $.inArray(b.get(i), r) > -1; 
     }); 
    }; 
})(jQuery);