随机序列的html div标签位置

此GridView中有四个Div标签， ID="NUMBER2" ID="NUMBER1" ID="NUMBER2" ID="NUMBER3" ID="NUMBER4"值，我想在gridview的每一行中随机更改页面中的位置顺序。 什么是最好和最简单的SERVER SIDE方法来做到这一点。 我是使用C＃语言的asp.net新手。

      
 
 
 
 <asp:Label Visible="false" ID="QuesIDLabel" runat="server" Text=''> 
 
 
 
 
 <asp:Label ID="Label1" runat="server" Text=''> 
 
 <asp:Button CommandArgument='' CommandName="O1" CssClass='' ID="O1Button" runat="server" Text="Option 1" /> 
 
 
 
 
 
 <asp:Label ID="Label2" runat="server" Text=''> 
 
 <asp:Button CommandArgument='' CommandName="O2" CssClass='' ID="O2Button" runat="server" Text="Option 2" /> 
 
 
 
 
 
 <asp:Label ID="Label3" runat="server" Text=''> 
 
 <asp:Button CommandArgument='' CommandName="O3" CssClass='' ID="O3Button" runat="server" Text="Option 3" /> 
 
 
 
 
 
 <asp:Label ID="Label4" runat="server" Text=''> 
 
 <asp:Button CommandArgument='' CommandName="O4" CssClass='' ID="O4Button" runat="server" Text="Option 4" /> 
 
 
 
     <asp:SqlDataSource ID="SelectedPollSqlDataSource" runat="server" ConnectionString="" SelectCommand="SELECT DISTINCT QuesID, Body, O1, O2, O4, O3, O1Css, O2Css, O4Css, O3Css, Time, BookRange, UserID, CourseID, Code FROM Question WHERE (UserID = @userid) AND (Code = @code)">       

Answer 1

以下将做你想要的。

在这里工作FIDDLE

首先，更改当前的div，为每一行提供一个我们可以在脚本中选择的类名，例如“randomDiv”。 我们可以使用“行”，但我担心你在更多地方使用它而不仅仅是这些div。

然后在文档准备好运行以下javascript：