Как отсортировать блоки по массиву?

Question

[Max Ba]

Ребят, помогите отсортировать дивы по массиву. Мой метод работает, но мне говорят надо переделать, перестановкой элементов, а не заменой всего блока новым. Учитывая, что дивов не 4 а около 500 и внутри будет много контента, то вероятно начнет всё тормозить при моём методе.

$(document).ready(function(){

var sort_name = [1,2,3,4];
var items = $("#block div");
var content = '';
$.each(sort_name, function(k, v){
  content += '<div id="item_' + v + '">' + $("#item_" + v).html() + '</div>';
});

$("#block").html(content);

});

<div id="block">
 <div id="item_1"><p>1</p></div>
 <div id="item_3"><p>3</p></div>
 <div id="item_2"><p>2</p></div>
 <div id="item_4"><p>4</p></div>
</div>

Answer 1

[Максим Тимофеев]

Что бы не тормозило - не стоит показывать 500 div на странице. Стоит подумать о виртуализации. Показывать только то, что помещается в экран.

мне говорят надо переделать, перестановкой элементов, а не заменой всего блока новым

возможно есть причины для этого. Но мне кажется 1 вставка куда быстрее.

Comments

[Max Ba]

Условия я менять не могу. Есть 500-600 блоков, которые видны сразу и тут я ничего не сделаю. Моя задача отсортировать их.
Значит мой метод верный. А перестановка дольше будет? Я думал там кода на одну две строки..

[Максим Тимофеев]

Макс Васильев,

500-600 блоков, которые видны сразу

так не бывает, часть из них все равно вне экрана

[Max Ba]

Я понял) но я не хочу отходить от вопроса. В данном примере мне надо самому разобраться во всём.

[Максим Тимофеев]

Макс Васильев,

мне надо самому разобраться во всём

ну ок, пойду тогда, разбирайтесь