부모/세트 내의 선택기 위치를 jQuery로 찾으시겠습니까?

Question

parent > child:eq(n)의 현재 위치가 어떤 위치에 있는지 알아야합니다. 즉, .insertAfter()과 .insertBefore()을 사용하여 요소를 올바르게 중첩시켜 이동할 수 있습니다.

jQuery 문서의 여러 부분을 살펴 봤지만 아직 중첩 구조와 관련된 부모 내에서 현재 선택기의 위치를 ​​제공하는 기능을 찾지 못했습니다 (.postion()을 통해 찾을 수있는 차원 위치와 반대).).

오른쪽 함수에 대한 모든 점은이를위한 올바른 함수이거나 jQuery를 사용하여 다음 구조의 요소를 옮기는 좋은 방법입니다.

<ul data-submenu="1" class="sub-menu"> 
    <li>Text Module</li> 
    <li>Feature Module</li> 
    <li>Feature Module</li> 
</ul> 

는 (나는 <ul> 부모 내 주위에 각 <li> 요소를 이동해야합니다).

Answer 1

index() 메서드를 찾고있는 것 같습니다. 매개 변수가없는 경우 요소 형제를 기준으로 요소 위치를 반환합니다.

당신이 $.each()을 사용하려는 것처럼 소리

var index = $(this).index(); 

Answer 2

:

$('.sub-menu').children('li').each(function(index) { 
    console.log('This is the ' + index + ' li element.'); 
});