Javascript - 다차원 배열 정렬 - 문자열 및 Int - 순서 By

Question

내 javascript 응용 프로그램에서 divs를 드래그 한 후 ... 모든 div에 숫자 클래스를 지정하고 위치순으로 정렬하려고합니다. 나는 많은 것을 연구했고, 다음을 만들었다. 그러나 그것은 단지 작동하지 않는다. 이전 값을 덮어 쓰기 때문이다

var ele = document.getElementsByTagName("div"); 
var i = 0; 
var MyDrags = []; 

while(ele[i]) { 
    if(ele[i].id.substr(0, 4)=="drag") { 
     MyDrags["distance"]=parseInt(document.getElementById(ele[i].id).style.top,10); 
     MyDrags["id"]=ele[i].id; 
    } 
    i++; 
} 
MyDrags.sort(function(a,b) { 
    return a.distance - b.distance; 
}); 
i = 0; 
while(MyDrags["distance"][i]) { 
    document.getElementById(MyDrags["id"][i]).innerHTML=MyDrags["distance"][i]; 
    i++; 
} 

Answer 1

(내부 HTML이 변경되지 않습니다), 당신은 다음과 같아야합니다, 당신의 코드가 작동하도록, 각 반복에서 새로운 객체를 할당해야합니다 :

var ele = document.getElementsByTagName('div'); 
var i = 0; 
var MyDrags = [], dst; 

while (ele[i]) { 
    if (ele[i].id.substr(0, 4) === 'drag') { 
     MyDrags.push({ 
      distance: parseInt(document.getElementById(ele[i].id).style.top, 10), 
      id: ele[i].id 
     }); 
    } 
    i++; 
} 

MyDrags.sort(function(a, b) { 
    return a.distance - b.distance; 
}); 

i = 0; 
while(MyDrags[i]) { 
    if (dst = MyDrags[i]['distance']) { 
     document.getElementById(MyDrags[i]['id']).style.top = dst + 'px'; 
     document.getElementById(MyDrags[i++]['id']).innerHTML = dst; 
    } 
}