방법 중첩 된 DIV 내부에 요소의 존재를 제거하는

Question

<div id="myordersdiv" style="display: block;"> 
    <ul> 
     <li class="myorderhead active"> 
     <h5> 
      My Orders 
      <i class="myorderhead22">2</i> 
     </h5> 
     </li> 
     <div id="ordersdiv"> 
     <div id="addtoordersdiv53"> 
     </div> 
     <div id="addtoordersdiv54"> 
     </div> 
     </div> 
    </ul> 
    <div class="confirmorder-row"> 
     <a id="ordersconfirm" hrer="#" class="btn btn-confirmorder">confirm order</a> 
    </div> 
</div> 

위 내 웹 사이트 체크 박스의 선택을 해제에

의 HTML 콘텐츠, 난 체크 박스 수신기 내부 addtoordersdiv54

을 제거 할 필요가있다, 나는이 코드를 가지고있다

var id_attr_val = 54 ; 
    $("#myordersdiv addtoordersdiv"+id_attr_val).remove; 

그러나 그 요소를 제거하지 않으면 아무도 도와 줄 수 없다.

Answer 1

ID가 고유하고 중첩되어 있어도 상관 없습니다. 고유 한 식별기를 타겟팅하십시오.

var id_attr_val = 54 ; 
$("#addtoordersdiv" + id_attr_val).remove(); 

코드의 문제는 같이의 아무 의미가없는 두 개의 ID로 요소를 대상으로, 두 번째 ID 앞에 해시 누락 및

$("#myordersdiv #addtoordersdiv" + id_attr_val).remove(); 

그러나 다시 제거 기능을 실행하지 않습니다 ID는 고유입니다!