在jQuery中基于属性“数据排序”对div进行排序？

Question

如果我有几个股利：

<div data-sort='1'>div1</div>

<div data-sort='4'>div4</div>

<div data-sort='8'>div8</div>

<div data-sort='12'>div12</div>

<div data-sort='19'>div19</div>

我动态创建div：

<div data-sort='14'>div1</div>

<div data-sort='6'>div1</div>

<div data-sort='9'>div1</div>

我如何才能让它们仅按顺序排序到已加载的div中，而不必重新加载所有div？

我认为我需要在屏幕上构建所有div的数据排序值的数组，然后查看新div的位置，但是我不确定这是否是最佳方法。

Answer 1

使用这个功能&nbsp; &nbsp;$('div').sort(function (a, b) {&nbsp; &nbsp; &nbsp; var contentA =parseInt( $(a).attr('data-sort'));&nbsp; &nbsp; &nbsp; var contentB =parseInt( $(b).attr('data-sort'));&nbsp; &nbsp; &nbsp; return (contentA < contentB) ? -1 : (contentA > contentB) ? 1 : 0;&nbsp; &nbsp;});您可以在添加新的div后立即调用此函数