jQuery可排序将重复项移到底部

时间:2019-07-06 18:43:55

标签: jquery jquery-ui

我有一个可排序的数据列表:

<ul id="sortable">
<li class="ui-state-default" id="1" data-name="NAME1">NAME1 + INFO1</li>
<li class="ui-state-default" id="3" data-name="NAME4">NAME4 + INFO4</li>
<li class="ui-state-default" id="9" data-name="NAME1">NAME1 + INFO1</li>
<li class="ui-state-default" id="8" data-name="NAME6">NAME6 + INFO6</li>
</ul>

$( function() {
    $( "#sortable" ).sortable({
      placeholder: "ui-state-highlight"
    });
    $( "#sortable" ).disableSelection();
  } );

如何添加脚本以将重复(或多次)数据名移至列表底部?

因此,如果当前列表是NAME1,NAME4,NAME1,NAME6,则将重复项移到底部,列表将是NAME1,NAME4,NAME6,NAME1。

我该怎么办?

谢谢

1 个答案:

答案 0 :(得分:0)

我找到了一种通过PHP数组实现此目的的方法。

我创建了三个不同的数组(名称完全没有列出;名称一次列出;名称多次列出),然后以适当的顺序回显它们。