根据数组中填充的排序顺序对html进行排序
Sort html from a sort order populated in an array
我试图排序一个html列表的距离,我不想把距离属性在我的标记。我所做的是,我渲染商店列表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混乱。
我的小提琴就在这里
编辑
问题是关于用数组中填充的排序顺序对输出html进行排序。在那里,我删除了html和其他js,因为我懒得填充标记。
基本上,您需要做的就是按排序顺序调用在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/
相关文章:
- 2个backbone.js集合,具有相同的模型,但排序顺序不同
- 如何使用下划线根据自定义排序顺序对对象数组进行排序
- 如何根据不同排序顺序的多个值对json对象进行排序
- 如何使用Jquery Data表更正排序顺序
- 使用Async.js sortBy的升序与降序排序顺序
- 如何在Jquery中使用给定的任何特定排序顺序对字符串数组进行排序
- JavaScript 排序顺序错误
- 如何在 select2() 字段中保存排序顺序
- Jquery DataTable 组排序顺序
- 按可排序顺序获取所有文本区域内容
- 是否可以按当前排序顺序获取跨多个页面的所有 jqGrid 行
- 使用数组作为排序顺序
- 如何将其转换为排序顺序
- 打开 Graph API 排序顺序,或简单的 jQuery/JavaScript 排序
- 谷歌地图 API - 最近的点 - 更改排序顺序
- 如何保存排序顺序
- 反转角度中的排序顺序
- 迭代 JavaScript 集合并添加排序顺序
- 根据数字排序顺序更新自动重新排列HTML列表
- 在backbone.js中,如何使用新的模型数据更新视图,同时在没有完整渲染的情况下保持排序顺序