jQuery: select random elements

Question

How Can I select the first 5 random elements

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

I'm using this plugin:

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

but it takes all random elements. I only want the first 5.

Or is there another way to do the same thing?

Thanks !

Answer 1

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

Answer 2

Get a random number index, 1-5, and get the child of the ul with that index. Like so:

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

Answer 3

Here's how to get 5 random elements from a jQuery selection, no need of plugins!

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

At this point you have 5 DomElements that have been selected randomly from all the LIs that jQuery returned

You can then do whatever you like with them,
e.g change their color:

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

or display their combined text contents:

$(randomElements).text()

Answer 4

Why not just do this, it seems pretty efficient:

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