Jquery 자식 제거 및 부모 반환

Question

이것은 간단합니다 .. 나는 자식 요소를 제거하고 부모를 반환하고 싶습니다. 즉

, 나는

내가 사용하는 경우 .. 요소를 뺀 지정된 클래스의 자식을 얻으려면 :

$("#element").clone().find('.elementsToRemove').remove().html(); 

그것은 아이들없이 #element을 반환하지 않습니다 'elementsToRemove'클래스가 있으면 대신 제거 된 요소를 반환합니다.

질문 : 부모님을 어떻게 반납 할 수 있습니까?

Answer 1

는 .end()

var html = $("#element").clone().find('.elementsToRemove').remove().end().html(); 
 

 

 
$('#log').text(html)

#log { 
 
    border: 1px solid red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="log"></div> 
 

 

 
<div id="element"> 
 
    <div> 
 
    <p>something</p> 
 
    <div class="elementsToRemove">elementsToRemove</div> 
 
    <div class="elementsToRemove">elementsToRemove</div> 
 
    </div> 
 
    <div> 
 
    <p>something</p> 
 
    <div class="elementsToRemove">elementsToRemove</div> 
 
    <div class="elementsToRemove">elementsToRemove</div> 
 
    </div> 
 
</div>

주를 사용, 당신은 요소의 필터링 된 하위 집합을 사용하고 있기 때문에 그것은이다 사용이 #element

의 내부 HTML을 반환합니다

Answer 2

addBack 방법을 사용하십시오.

$("#element").clone().find('.elementsToRemove').remove().addBack().html();