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

536

28 декабря 2016, 05:45

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

<div class="container"> 
    <div class="header">header</div> 
    <div class="main">main</div> 
    <div class="aside">aside</div> 
    <div class="footer">footer</div> 
</div>

Answer 1

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

<div class="container"> 
    <div class="header">header</div> 
    <div class="main">main</div> 
    <div class="aside">aside</div> 
    <div class="footer">footer</div> 
</div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

Answer 2

css вариант

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

<div class="container"> 
    <div class="header">header</div> 
    <div class="main">main</div> 
    <div class="aside">aside</div> 
    <div class="footer">footer</div> 
</div>