주문 DIV 's 기준 값 사용자 이름 값 내

Question

다음 DOM 구조를 가지고 있습니다. 각 'contactsBodyMainDisplayMemberContainerDIV은'회원 사진, 내가 주문을 다시 할 수 있어야합니다 등

의 이름을 보여줍니다 그래서 Z.

에 H2 이름 A를이 ContainerDIV 년대

아래의 'contactsBodyMainDisplayMemberContainerDIV'을 이동해야합니다 DOM 조각들 때문에 주문 받았다. Adam, Bob, Eric. 참고 : 각 사용자에 대해 전체 DOM을 이동해야합니다.

<div id="contactsBodyMainContainerDIV"> 

<div class="contactsBodyMainDisplayMemberContainerDIV"> 
    <div class="contactsBodyMainDisplayMemberWrapperDIV"> 
    <h2 class="contactsBodyMainDisplayMemberUserNameH2">Eric</h2> 
    </div> 
</div> 

<div class="contactsBodyMainDisplayMemberContainerDIV"> 
    <div class="contactsBodyMainDisplayMemberWrapperDIV"> 
    <h2 class="contactsBodyMainDisplayMemberUserNameH2">Adam</h2> 
    </div> 
</div> 

<div class="contactsBodyMainDisplayMemberContainerDIV"> 
    <div class="contactsBodyMainDisplayMemberWrapperDIV"> 
    <h2 class="contactsBodyMainDisplayMemberUserNameH2">Bob</h2> 
    </div> 
</div> 

</div> 

어떻게해야 할 지 잘 모르겠습니다.

참고 : 회원이 즉시 추가되기 때문에이 기능이 필요합니다.

어떻게해야합니까?

Answer 1

희망이 코드는

var sorted = $('.contactsBodyMainDisplayMemberContainerDIV').sort(function(a,b){ 
    return $(a).find('.contactsBodyMainDisplayMemberUserNameH2').text() < $(b).find('.contactsBodyMainDisplayMemberUserNameH2').text()) ? 1 : -1; 
}); 

$('. contactsBodyMainContainerDIV').html(sorted); 

Answer 2

내가 다음 정렬 쉬운 옵션 목록을 만들 것입니다 도움 :

태그 :

<ul id="my_list"> 
    <option value="Eric">Eric</option> 
    <option value="Adam">Adam</option> 
    <option value="Bob">Bob</option> 
</ul> 

자바 스크립트 :

$("#my_list").html($("#my_list option").sort(function (a, b) { 
    return a.text == b.text ? 0 : a.text < b.text ? -1 : 1 
})) 

여기

은 바이올린입니다.

참고 : 당신은 분명히 그 <option> 태그에 모든 사업부의 물건 수 있습니다 : 여기 확인 : http://jsfiddle.net/zRA5b/2/

편집 : 당신은 또한 종류의 옵션 값으로 (어떤이 유용하게 사용할 수 있습니다 당신은 몇 가지 다른 기준으로 정렬하려면

$("#my_list").html($("#my_list option").sort(function (a, b) { 
    return a.value== b.value? 0 : a.value< b.value? -1 : 1 
}))