홀수 jQuery를 .insertAfter의 문제는 또한 다른 많은 순서를 변경 그것은

Question

아니 생각하는 이유,하지만

if ($(this).find(':nth-child(2)').is("span")) { 
    var moveForward = $(this).find(".postInfo.forVideo"); 
$(this).find(':nth-child(2)').insertAfter(moveForward); 

}

기본적으로 무엇을해야하고있다, 하지만 (DOM 구조 completley를 망쳐 놨어요) 소지품. 정말 이상한 방식으로.

당신이 볼 수 있듯이

후 전 :

이 붙여 넣은 코드를 통해이 데모 어렵다, 나는 당신이 불확실성을 볼 수 있습니다 단지 시각적으로 생각 , 그것은 거의 무작위로 "postInfo forVideo"div에서 요소를 끌어옵니다. 여기에서 볼 수 있습니다 (현재이 사이트가 개발됨에 따라) : http://syndex.me.

예를 들어 왜 "pagecurl"div에있는 폴리곤 요소를 꺼낸 다음 왜 내가 작업중인 스팬 이후에 던져 버릴까요? 너무 이상해!

Answer 1

nth-child는 해당 부모의 두 번째 자식 인 모든 요소를 ​​선택합니다. 요소의 두 번째 자식 만 원할 것입니다.

var secondChild = $(this).children().eq(2); 
if (secondChild.is("span")) { 
    var moveForward = $(this).find(".postInfo.forVideo"); 
    secondChild.insertAfter(moveForward);