Question

I want to randomize the children elements of any <div>, <ul> on load with javascript. I am searching for the best approach to do it. Can some one help?

Suppose i have a <ul> with 5 <li> elements. On load i want the <li> elements to appear in random order.

Answer 1

Quicky out of my head:

1. Remove all the items in the <ul> with detach
2. Store them in an array.
3. Shuffle that array
4. Insert elements in <ul> again.

Also take a look at this question: randomize div elements