jQuery를 사용하여 목록의 특정 위치에 삽입하는 방법은 무엇입니까?

Question

포함 된 div 안에 form-field div 목록이 있습니다.

<div id="container"> 
    <div class="form-field">  
     // Data 
    </div> 
    <div class="form-field"> // selected item 
     // Data 
    </div> 
    <div class="form-field">  
     // Data 
    </div> 
</div> 

나는 우리가 작업하고있는 항목을 보유하고있는 선택된 항목 var를 가지고 있습니다. 예를 들어, 두 번째 양식 필드 div가 선택되었습니다. 선택한 항목 바로 뒤에 다른 요소를 어떻게 추가합니까? 다른 양식 필드 div는 목록의 세 번째 자리에 추가해야합니다. 목록은 동적이므로 선택된 항목에 따라 항상 달라집니다.

Answer 1

jsFiddle demo

당신은 아마 그것을 동적으로 만들고 싶어, 당신은 둘 중 폼 필드 다음에 넣을 수 1 변수를 것이 것

$('.form-field:eq(1)').after('<h2>Your New Html After it</h2>'); 

:eq() 선택과 함께 사용 .after() 너는 원했어. 이것은 당신이 원하는대로 두 번째 div 이후에 올 것입니다. 주 : eq()는 0 인덱스 기반입니다.