q JQuery

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

3,538

요소 순소 랜덤 정렬

<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>

결과보기