微小的排序为已排序的元素添加编号

Question

我一直在研究如何找到一种方法来将数字添加到Tinysort jquery附加组件返回的排序列表中

所以我想要的是一种在递增顺序中添加属性data-id的方法，或者在排序完成后以box1，box2递增顺序添加类

Fiddle link

Answer 1

我分叉并修改了插件以在内部处理它。

您所要做的就是在选项中传递dataIndex: true。请参阅此fiddle。

它呈现以下HTML：

<div id="div1" data-index="0">1</div>
<div id="div2" data-index="1">2</div>
<div id="div4" data-index="2">4</div>

您可以从here下载修改过的插件。我将向作者发送拉动请求，看看他/她是否接受了这个想法。

Answer 2

对元素进行排序后，您可以循环它们并添加一个数字越来越多的类或属性。

您可以使用：

$( "div" ).each(function( index ) {
 $(this).addClass("box"+(index+1));//This to add class
 $(this).attr("data-id",(index+1));//This to add attribute
});

PS。 index从0开始。因此，如果您希望您的类/属性从1开始，则必须使用index+1

DEMO