回答編集履歴
1
テキスト修正
test
CHANGED
|
@@ -73,3 +73,27 @@
|
|
|
73
73
|
|
|
74
74
|
|
|
75
75
|
参考になれば幸いです。
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
### 追記
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
参考までに、もう一案挙げておきます。こちらは `<ul>` のCSS `display` を `flex` にする必要はありませんし、また `<li>` にもスタイルを追加しません。ただし、ランダムに表示する２個以外の `li` はDOMツリーから無くなります。
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
```javascript
|
|
88
|
+
|
|
89
|
+
var randomItems = _.sampleSize($('li').get(), 2);
|
|
90
|
+
|
|
91
|
+
$('ul').empty().append(randomItems);
|
|
92
|
+
|
|
93
|
+
```
|
|
94
|
+
|
|
95
|
+
- **動作確認用codepen:** [https://codepen.io/jun68ykt/pen/KKVNJNO](https://codepen.io/jun68ykt/pen/KKVNJNO?editors=1010)
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
上記では、lodash の[_.sampleSize](https://lodash.com/docs/#sampleSize) を使っています。
|