Jquery에서 DOM을 위아래로 이동

Question

좋아,이 문제를 해결하는 데 큰 문제가있어 .... 아무데도 빨리 가지 마라.

질문 : 아래 HTML 구조가 주어졌습니다. 가장 가까운 JQuery를 사용하고 두 번째 요소를 클릭하면 childOfSecond 요소에서 세 번째 요소로 이동하여 배경색을 주황색으로 변경합니다.

나는이 두 가지 방법을 사용해야하므로 여기서 여러 각도를 시도했다. 나는 가까이에있는 것처럼 느껴지지만 행동을 취하지는 못합니다.

도움을 주셔서 대단히 감사합니다.

<fieldset> 
<br /> 
     <br /> 
     <div id="prob2"> 
     <div class="box first"> 
     </div> 
     <div class="box second"> 
      <div class="child-of-second"></div> 
     </div> 
     <div class="box third"> 
     </div> 
     </div> 

     <script> 
     $('#prob2 .box.second').on('click', function(){ 


     var childOfSecond = $("child-of-second").closest("div").find(".box.third").css("background", "orange"); 




    }); 
     </script> 
     <br /> 
     <br /> 


    </fieldset> 

Answer 1

몇 가지 문제가 있습니다. 첫 번째 선택자가 클래스가 아닌 <child-of-second> 태그를 찾고 있습니다.

가장 가까운 <div>은 .box.second이며 원하는 사람의 형제 자매입니다. 그러나 find() 유일한 후손하지

$(".child-of-second").parent().next().css("background", "orange");