質問編集履歴
1
修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
質問質問質問質問質問
|
body
CHANGED
|
@@ -1,30 +1,1 @@
|
|
|
1
|
-
特定のクラス名は上位に固定（同じクラス名内でランダム表示）し、それ以外の要素をランダム表示させたいのですが、その方法が分かりません。どなたか方法をご教示いただけますと幸いです。
|
|
2
|
-
（通常のランダム表示は下記のソースで実現できました）
|
|
3
|
-
|
|
4
|
-
表示例）
|
|
5
|
-
1(.new)→5(.new)→3→4→2
|
|
6
|
-
5(.new)→1(.new)→4→3→2
|
|
7
|
-
|
|
8
|
-
```HTML
|
|
9
|
-
<ul>
|
|
10
|
-
<li class="new">1</li>
|
|
11
|
-
|
|
1
|
+
質問質問質問質問質問質問質問質問質問質問質問質問質問質問質問
|
|
12
|
-
<li>3</li>
|
|
13
|
-
<li>4</li>
|
|
14
|
-
<li class="new">5</li>
|
|
15
|
-
</ul>
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
```jQuery
|
|
19
|
-
var arr = [];
|
|
20
|
-
$('ul li').each(function() {
|
|
21
|
-
arr.push($(this).html());
|
|
22
|
-
});
|
|
23
|
-
arr.sort(function() {
|
|
24
|
-
return Math.random() - Math.random();
|
|
25
|
-
});
|
|
26
|
-
$('ul').empty();
|
|
27
|
-
for(i=0; i < arr.length; i++) {
|
|
28
|
-
$('ul').append('<li>' + arr[i] + '</li>');
|
|
29
|
-
}
|
|
30
|
-
```
|