Sorting li items in order of Array

Question

If I have an unordered list:

<ul>
 <li data-sort-name="a">A</li>
 <li data-sort-name="d">D</li>
 <li data-sort-name="b">B</li>
 <li data-sort-name="c">C</li>
</ul>

and an array:

[a,b,c,d]

Is there a way to sort the above list in the same order as the array. (Array isn't always chronological, that's just for explanation purposes).

Thanks.

VisioN · Accepted Answer · 2014-05-01 13:46:38Z

5

One possible jQuery solution:

$.each(['a', 'b', 'c', 'd'], function(i, v) {
    $('li[data-sort-name="' + v + '"]').appendTo('ul');
});

DEMO: http://jsfiddle.net/8FR8V/

answered May 1, 2014 at 13:46

VisioN

146k35 gold badges287 silver badges291 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Namat · Accepted Answer · 2014-05-01 13:48:49Z

0

I would recommend a library like underscore for functionality like that. They're small, fast, and very useful!

Underscore sorting functionality: http://underscorejs.org/#sortBy

answered May 1, 2014 at 13:48

Namat

714 bronze badges