HTML Shuffle div图像javascript

HTML Shuffle div图像javascript,javascript,html,css,Javascript,Html,Css,如何在结果中洗牌这些图像 <div class="row"> <div class="column"> <img src="https://i-h1.pinimg.com/736x/87/e9/38/87e938ab69a614cddb14a6866b2478d0.jpg" onclick="app();" style="width:100%"> <img src="https://i-h1.pinimg.com/564x/32/0

如何在结果中洗牌这些图像

<div class="row">
  <div class="column">
    <img src="https://i-h1.pinimg.com/736x/87/e9/38/87e938ab69a614cddb14a6866b2478d0.jpg" onclick="app();" style="width:100%">

    <img src="https://i-h1.pinimg.com/564x/32/03/4f/32034f6da33f2932d88c6d6db7fa117a.jpg" style="width:100%">

    <img src="https://i-h1.pinimg.com/736x/96/e6/54/96e654398c4b2cd7afc03410d636dbea.jpg" style="width:100%">

    <img src="https://i-h1.pinimg.com/736x/4e/78/48/4e7848375fa721845f4986006229555a.jpg" style="width:100%">

  </div>
  <div class="column">
    <img src="https://i-h1.pinimg.com/736x/1a/b0/d4/1ab0d4ef04e3e789396ae744f626c68a.jpg" style="width:100%">

    <img src="https://i-h1.pinimg.com/736x/41/fd/31/41fd312937d0fd0e864d8fdd53f055ba.jpg" style="width:100%">

    <img src="https://i-h1.pinimg.com/736x/06/98/94/069894936419220407b4b11edfca833d.jpg" style="width:100%">

    <img src="https://i-h1.pinimg.com/736x/18/8b/bf/188bbfa47af6b445cf2a5a1869c90566.jpg" style="width:100%">

  </div>  
</div>

如何使用js洗牌这些图像。每次都应在顶部显示不同的图像。


<div id="deck">
  <div><img src="" /></div>
  <div><img src="" /></div>
  .
  .
  .
</div>


// jQuery specific:
// 1) remove elements from DOM and convert them into a native JavaScript array
// 2) apply algorithm
// 3) inject the array back to DOM

var a = $("#deck > div").remove().toArray();
for (var i = a.length - 1; i >= 1; i--) {
    var j = Math.floor(Math.random() * (i + 1));
    var bi = a[i];
    var bj = a[j];
    a[i] = bj;
    a[j] = bi;
}
$("#deck").append(a);
. . . //特定于jQuery的: //1)从DOM中删除元素并将其转换为本机JavaScript数组 //2)应用算法 //3)将数组注入回DOM 变量a=$(“#deck>div”).remove().toArray(); 对于(var i=a.length-1;i>=1;i--){ var j=Math.floor(Math.random()*(i+1)); var bi=a[i]; var bj=a[j]; a[i]=bj; a[j]=bi; } $(“#甲板”)。附加(a);

到目前为止,您尝试了什么?请更新您的问题,并包括您尝试过的相关
javascript
。谢谢。发布的问题似乎根本不包括解决问题的方法。StackOverflow希望您能这样做,因为您的尝试有助于我们更好地了解您的需求。请编辑问题以显示您已尝试过的内容,以便说明您在某个问题中遇到的具体问题。有关更多信息,请参阅并获取。虽然我认为您发布了一个很好的答案,但这与预期的输出“每次不同的图像都应该位于顶部”并不匹配。没有提供相关的源代码是没有帮助的,但是“在上面”与“在上面”有很大不同,而且第一个图像有一个onclick事件调用
app()我只能假设应该使用它再次洗牌图像。