从随机子项中排序列表项答案

【问题标题】：Sort list items from random child从随机子项中排序列表项
【发布时间】：2016-01-17 21:03:25
【问题描述】：

更新： 由于很多人提到这个问题不够清楚，我将尝试更好地解释它^_^感谢您的帮助和耐心！

我有一个大约 15 项的列表（会增加或减少）。每个项目都包含一个带有其网站 URL 的徽标。这些项目是手动按字母顺序排列的。

  <ul class="myClass">
        <li class="item">
          <a href="URL" title="Company A" target="_blank">
            <span class="logo">
              <img src="images/logo1.jpg">
            </span>
          </a>
        </li>
        <li class="item">
          <a href="URL" title="Company B" target="_blank">
            <span class="logo">
              <img src="images/logo2.jpg">
            </span>
          </a>
        </li>
        <li class="item">
          <a href="URL" title="Company C" target="_blank">
            <span class="logo">
              <img src="images/logo3.jpg">
            </span>
          </a>
        </li>
        <li class="item">
          <a href="URL"  title="Company D" target="_blank">
            <span class="logo">
              <img src="images/logo4.jpg">
            </span>
          </a>
        </li>
        <li class="item">
          <a href="URL" title="Company E" target="_blank">
            <span class="logo">
              <img src="images/logo5.jpg">
            </span>
          </a>
        </li>
    ...
    </ul>

每次加载页面时（也是第一次），我想随机选择一个孩子，然后显示从所选孩子开始重新排序的列表，然后是其余的，而不会丢失字母顺序。

例如，如果 ramdon 选择了我列表的第三个孩子，那么它应该显示如下列表：

<ul class="myClass">
    <li class="item">
      <a href="URL" title="Company C" target="_blank">
        <span class="logo">
          <img src="images/logo3.jpg">
        </span>
      </a>
    </li>
    <li class="item">
      <a href="URL" title="Company D" target="_blank">
        <span class="logo">
          <img src="images/logo4.jpg">
        </span>
      </a>
    </li>
    <li class="item">
      <a href="URL" title="Company E" target="_blank">
        <span class="logo">
          <img src="images/logo5.jpg">
        </span>
      </a>
    </li>

    ...

    <li class="item">
      <a href="URL"  title="Company A" target="_blank">
        <span class="logo">
          <img src="images/logo1.jpg">
        </span>
      </a>
    </li>
    <li class="item">
      <a href="URL" title="Company B" target="_blank">
        <span class="logo">
          <img src="images/logo2.jpg">
        </span>
      </a>
    </li>
</ul>

更新 2： 你好！这是我试图让它工作的代码，但它什么也没做:(随机数可以工作，但我怎样才能重新排序列表项？？

    function randomizeChild(){
      var listItems = [];

      $('ul.retailers li').each( function() {
          listItems.push(this);   
      });

      var randomChild = Math.floor(Math.random() * listItems.length);
      var newOrder = listItems.splice(listItems.indexOf(randomChild)).concat(listItems);

      console.log("Random Child --->" + randomChild);

  }

  randomizeChild();

我希望这次我的问题更清楚。提前非常感谢！ :)

【问题讨论】：

请添加你的 js 脚本，这样人们就可以知道哪里/什么部分给了你错误的结果
嗨@Carsten 和@melvnberd！很抱歉，我无法将代码放在这里……但想象一下，在每个“
”内部都有一些带有“”的“
”。该请求首先只是随机顺序（我成功了），但现在他们（我的客户）想要一个“有序随机排序”......所以我的问题是我不知道如何从任何孩子拆分列表和按顺序显示...不知道从哪里开始 :( 感谢您的帮助