Блог

Я пытаюсь отсортировать список html по расстоянию, я не хочу указывать свойство distance в своей разметке. Что я делаю, так это то, что я отображаю html-список хранилища, в js я создаю массив, в котором я сохраняю хранилище и расстояние.

 locations = [];
locations.push({
    'store': stores[i],
    'cordinate': Math.random()
});
  

Я сортирую это с помощью этого

 locations.sort(dynamicSort('cordinate'));

function dynamicSort(property) {
  var sortOrder = 1;

  return function(a, b) {
    var result = (a[property] < b[property]) ? -1 : (a[property] > b[property]) ? 1 : 0;
    return result * sortOrder;
  }
}
  

Вот где я застрял, как я могу отсортировать свой html с помощью этого массива? Ключевым моментом здесь является то, что я не хочу загромождать свой html, устанавливая там cordinate.

Моя скрипка прямо здесь

Редактировать
Вопрос заключался в сортировке выходного html с порядком сортировки, заполненным в массиве. Там я удалил html и другие js, которые я использовал только из-за того, что ленился заполнять разметку.

По сути, все, что вам нужно сделать, это вызвать append для элементов html в порядке сортировки.

Это добавит элемент в конец элементов html.

 var sortHTML = function(locations) {
  $.each(locations, function(i, location) {
    var targetElement = $('#'   location.store.id);
    targetElement.parent().append(targetElement)
  });
};
sortHTML(locations);
  

скрипка здесь: https://jsfiddle.net/wbcj026x/1 /