javascript - Jquery 可排序索引反向

Question

我正在使用可排序的 jQuery。使用 Sortable 时，它​​会给出自上而下的索引值。例如：

 <ul id="sortable">
        <li>Item 1</li> /O.Index
        <li>Item 2</li> /1.Index
        <li>Item 3</li> /2.Index
 </ul>

我希望它看起来像这样：

<ul id="sortable">
            <li>Item 1</li> /2.Index
            <li>Item 2</li> /1.Index
            <li>Item 3</li> /0.Index
</ul>

我怎样才能扭转这种局面？

谢谢 ：）

标签： javascriptjqueryfabricjsjquery-ui-sortable

Answer 1

.get()您可以使用and附加新的有序子级Array.prototype.reverse()：

var ulEl = $('#sortable');
ulEl.append(ulEl.children('li').get().reverse());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id="sortable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>