특정 클래스가 요소 내부에 존재하면 요소 제거

Question

현재 코드.

------ 

     <div class="wrapper"> 
      <div class="page-1"></div> 
      <div class="page-2"></div> 
      <div class="page-3"></div> 
     </div> 
     <div class="wrapper"> 
      <div class="page-4"></div> 
      <div class="page-5"></div> 
      <div class="page-6"></div> 
     </div> 

------ 

// Jquery가 페이지 4를 찾고 전체 래퍼 요소를 제거합니다.

------ 
    <div class="wrapper"> 
     <div class="page-1"></div> 
     <div class="page-2"></div> 
     <div class="page-3"></div> 
    </div> 

------ 

단순히 페이지 4와 그 래퍼가 다른 래퍼가 아니기를 바랄뿐입니다.

아직이 문제를 해결하는 방법을 알지 못했습니다. 제안 : 이것에 대해 어떻게

Answer 1

당신은 여기에서 작업 바이올린 http://jsfiddle.net/yUsqC/2/
이는 부모 래퍼되지 않은 다른 래퍼를 제거하는 것입니다

$('.page-4').closest('.wrapper').detach(); or .remove() 

사용할 수 있습니다.

Answer 2

개방 임 :

$('#page-4').parent().remove(); 

당신은 당신의 질문 제목에 "클래스"를 말하지만, 당신은 단지에 나타납니다 귀하의 질문의 텍스트 기반 인 요소에 관심 특정 ID. 당신의 질문을 오해 한 경우 알려주십시오.

Answer 3

$('#page-4').parent().remove(); 

아니면 내용을 풀어두고 싶습니까?

$('#page-4').unwrap();