javascript - removing div child from parent element with jquery -

is possible remove div element parent (with class name container) without removing ul element inside foo-1 class ?

<div class="container">     <div class="foo-1">         <ul class="toon">             <li>li 1</li>             <li>li 1</li>         </ul>     </div>     <div class="foo-2">foo 2</div> </div> 

you can exclude element containing such ul

$('.container').children(':not(:has(ul.toon))').remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>    <div class="container">      <div class="foo-1">          <ul class="toon">              <li>li 1</li>              <li>li 1</li>          </ul>      </div>      <div class="foo-2">foo 2</div>  </div>

this keeps entire .foo-1 element.
if wanted remove parent .foo-1 well, have call $('.toon').unwrap()

$('.container').children(':not(:has(ul.toon))').remove();  $('ul.toon').unwrap();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <div class="container">      <div class="foo-1">          <ul class="toon">              <li>li 1</li>              <li>li 1</li>          </ul>      </div>      <div class="foo-2">foo 2</div>  </div>

both of these keep events , associated data might attached element.