【jQuery】リスト要素をシャッフルしてランダムに並び替える処理

[ ID : 5367 ]
【jQuery】リスト要素をシャッフルしてランダムに並び替える処理

概要

リスト要素をシャッフルしてランダムに並び替える処理をjQueryで実装。

用途・要件

  • ページを読み込む度に、リスト要素をランダムに並び替えたい。
  • クリックするタイミングなど、何かのイベント発火時にリスト要素をランダムに並び替えたい。
  • 本記事のDEMOでは、ページ読み込み時とボタンをクリックしたタイミングで並び替える処理を実装。
  • jQuery バージョン3.6.0使用。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録