jquery - 다른 div 클래스를 제거하는 방법

Question

id가 #container 인 div 안에 .content이라는 5 개의 div 클래스가 있다고 가정합니다. 나는 처음 4 개를 제거하고 마지막 하나만 남기고 싶다. jquery에서 어떻게해야할까요?

<div id="container"> 
    <div class="content"> </div> 
    <div class="content"> </div> 
    <div class="content"> </div> 
    <div class="content"> </div> 
    <div class="content"> </div> 
</div> 

도와주세요.

Answer 1

적절한 선택기를 사용할 수도 있습니다.

$(".content:not(:last-child)").remove(); 

부모의 마지막 자식있는 사람을 제외한 모든 .content 사업부를 의미.

Answer 2

.slice 사용 :

$('#container').children('.content').slice(0, 4).remove() 

또는 사용하여 선택기 .children()에서 :

​$('#container').children('.content:lt(4)').remove()​​​​​​​​​​​​​​ 

업데이트을 마지막 자식 남기고 모두 제거하려면 :

$('#container').children('.content').slice(0, -1).remove() 

slice()을 사용하면 (0, -2)을 범위로 사용하여 마지막 두 자녀를 쉽게 선택할 수 있다는 이점이 있습니다.

Answer 3

나는 이것이 최선의 방법이라고 생각합니다.

$ (".content : not (: last-child)"). removeClass ("content");