기본 본부를 선택하고 싶습니다

Question

위 화살표와 아래 화살표가 divs로 표시된 div에 있으며 이미지이기도합니다. 화살표를 클릭하면 클래스 이름 핸들로 div를 이동해야합니다. 선택기에서 처리기를 넣으려면 코드가 제대로 작동하지만 이미지를 클릭 할 수있게하려는 핸들을 클릭하고 싶지는 않지만 선택기를 충분히 높게 만들 수는없는 것 같습니다.

<script> 
$(document).ready(function(){ 
    $('.moveUp2').click(function(){ 
     var diveItem = $(this).parent(); 
     if (diveItem.prev().is('div')) 
     { 
      diveItem.insertBefore(diveItem.prev()) 
     } 
    }); 

    $('.moveDown2').click(function(){ 
     var diveItem = $(this).parent(); 
     if (diveItem.next().is('div')) 
     { 
      diveItem.insertAfter(diveItem.next()) 
     } 
    }) 
}); 
</script> 




    <div style="background-color: #dceaf4;" class="handle"> 
     <div style="float:left;"><b class="order_interaction" id="interactionOrder">{{order}}.</b>&#160;</div> 
     <div style="float:left;"><b id="interactionType">{{type}}</b></div> 
     <div style="width:100%; text-align:right;"> 
      <div style="text-align:right;"> 

       <a href="#" class="interactionComments"> 
        <img style="cursor:pointer;" title="Comments" src="img/messages.png"/> 
       </a> &nbsp;&nbsp;&nbsp; 

       {{#if showControls}} 
        <a class="moveUp_interaction"> 
         <img style="cursor:pointer;" src="img/arrow_up_blue.png" class="moveup2" title="Move Up"> 
        </a> 

        <a class="moveDown_interaction"> 
         <img style="cursor:pointer;" src="img/arrow_down_blue.png" class="movedown2" title="Move down"> 
        </a> 

        <a class="del_interaction"> 
         <img style="cursor:pointer;" src="img/delete.png" class="delete" title="Delete"> 
        </a> 
       {{/if}} 

      </div> 
     </div> 
    </div> 

Answer 1

내 자신의 문제를 해결하고 답변을 공유 할 것이라고 생각했습니다.

$('.moveUp2').click(function(){ 
    var diveItem = $(this).parents('div:eq(3)'); 
    if (diveItem.prev().is('div')) 
    { 
     diveItem.insertBefore(diveItem.prev()) 
     } 
}); 

$('.moveDown2').click(function(){ 
    var diveItem = $(this).parents('div:eq(3)'); 
    if (diveItem.next().is('div')) 
    { 
     diveItem.insertAfter(diveItem.next()) 
     } 
});