Как отсортировать элементы html контейнера по внешнему списку?

Question

[pvgdrk]

Есть несколько элементов:

<div id="testWrapper">
    <div id="Pushkin">
    <div id="Lermontov">
    <div id="Harms">
    <div id="Erofeev">
  </div>

И есть список: order = ['Erofeev', 'Harms', 'Pushkin'] согласно которому надо отсортировать элементы
Вроде бы это делается методом sort:

$('#testWrapper').children().sort(function(a, b) {
    return $.inArray($(a).attr('id'), qorder) < $.inArray($(b).attr('id'), qorder)
}).appendTo('#testWrapper');

где inArray определяет место элемента в списке. Однако если какого-то элемента из списка order нету в получается фигня - не нашедшие себе места элементы встают куда попало. как с это разрешить?

Answer 1

[Денис]

Пример в песочнице

var order = ['Erofeev', 'Harms', 'Pushkin'],
    ia, ib;
$('#testWrapper div').sort(function(a, b) {
    ia = order.indexOf(a.id);
    ib = order.indexOf(b.id);
    if (ia < 0 && ib >= 0) {
        return 1;
    }
    if (ia >= 0 && ib < 0) {
        return -1;
    }
    return ia - ib;
}).appendTo('#testWrapper');

P.S. Можно чуть покороче записать

var order = ['Erofeev', 'Harms', 'Pushkin'],
    ia, ib;
$('#testWrapper div').sort(function(a, b) {
    ia = order.indexOf(a.id);
    ib = order.indexOf(b.id);
    if (ia < 0 || ib < 0) {
        return -ia - -ib;
    }
    return ia - ib;
}).appendTo('#testWrapper');

Comments

[pvgdrk]

круто. спасибо. а есть че про этот метод почитать доступно. я никак не врублюсь как он работает

[Денис]

pvgdrk про какой именно метод? Впрочем, определитесь уже сами: sort(), indexOf(), appendTo()

[pvgdrk]

sort(). спаисибо