Question

This question already has answers here:

Possible Duplicate:
javascript - shuffle HTML list element order

稍有帮助。简单不过了,但似乎无法找到自己做的事情。

我从一些后端守则(我没有控制)中得出一个动态的无顺序清单。这份名单可以是9个政党,最高可达100+。按照后附法的定义,按命令退还。使用j Query/javascript 我希望能够任意打断利标的次序,而不必重复。

我的名单上现在这样想:

<ul id="myList">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
  <li>Item 7</li>
  <li>Item 8</li>
  <li>Item 9</li>
</ul>

Answer 1

Exactly what you want to do is described on the jQuery Forums.

$(document).ready(function(){
      $( ul ).each(function(){
            // get current ul
            var $ul = $(this);
            // get array of list items in current ul
            var $liArr = $ul.children( li );
            // sort array of list items in current ul randomly
            $liArr.sort(function(a,b){
                  // Get a random number between 0 and 10
                  var temp = parseInt( Math.random()*10 );
                  // Get 1 or 0, whether temp is odd or even
                  var isOddOrEven = temp%2;
                  // Get +1 or -1, whether temp greater or smaller than 5
                  var isPosOrNeg = temp>5 ? 1 : -1;
                  // Return -1, 0, or +1
                  return( isOddOrEven*isPosOrNeg );
            })
            // append list items to ul
            .appendTo($ul);            
      });
});

例:http://jsbin.com/upuju3/2>

友情链接