基于属性’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之后调用这个函数

标签：javascript,jquery,jquery-selectors,jquery-ui-sortable
来源： https://codeday.me/bug/20190915/1806376.html