jQuery: удалить все внутренние тэги, кроме одного указанного

#javascript #html #jquery

Как можно с помощью jQuery удалить все тэги внутри контейнера, кроме одного указанного?
Например, как можно удалить из тэга с классом .container всё, кроме div.main?




    
header
    
main
    
aside
    
footer




    

Ответы

Ответ 1

$('.container').children().not('.main').remove();

    
header
    
main
    
aside
    
footer





Ответ 2

css вариант



.container *:not(.main){
  display: none;
}

    
header
    
main
    
aside
    
footer