[ETC] JQ - 요소 순서 랜덤 배치/정렬. ★★★★★

요소 순소 랜덤 정렬

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

    var items = $(".item");

    for(var i = 0; i < items.length; i++){

        var idx = Math.floor(Math.random() * items.length -1) + 1;

        var idx2 = Math.floor(Math.random() * items.length -1) + 1;

        items.eq(idx).before(items.eq(idx2));

};

});

</script>

<div class="item">홈</div>

<div class="item">짱</div>

<div class="item">닷</div>

<div class="item">컴</div>

 

결과보기

종로3가 님 (210508) https://sir.kr/qa/411838