基于属性’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>

我动态创建div:

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

我如何让他们只是排序到已经加载的顺序的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;
   })

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

原文链接:https://www.f2er.com/jquery/184877.html

猜你在找的jQuery相关文章