基于属性’data-sort’在Jquery中排序div?

前端之家收集整理的这篇文章主要介绍了基于属性’data-sort’在Jquery中排序div?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果我有几个div:
<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>@H_403_3@ 
 

我动态创建div:

<div data-sort='14'>div1</div>
<div data-sort='6'>div1</div>
<div data-sort='9'>div1</div>@H_403_3@ 
 

我如何让他们只是排序到已经加载的顺序的div,而不必重新加载所有的div?

我想我需要建立一个数组的所有div的数据排序值在屏幕上,然后看到新的div适合,但我不知道这是否是最好的方法

任何帮助是赞赏

解决方法

使用此功能
$('div').sort(function (a,b) {

      var contentA =parseInt( $(a).attr('data-sort'));
      var contentB =parseInt( $(b).attr('data-sort'));
      return (contentA < contentB) ? -1 : (contentA > contentB) ? 1 : 0;
   })@H_403_3@ 
 

您可以在添加新div后调用函数

猜你在找的jQuery相关文章