Как удалить все содержимое Div, но не div с помощью jquery?

Question

Как удалить все содержимое Div, но не div с помощью jquery?

ДИВ содержит много ULS, LIS, DIVs, H1S

<div id="container"> 
    <ul> 
     <li>test</li> 
     <li>test</li> 
    </ul> 
    <div><h1>test</h1></div> 
    <div><h1>test</h1></div> 
    <div><h1>test</h1></div> 
</div> 

Я хотел бы, чтобы удалить все содержимое контейнера.

Благодаря

Answer 1

$("#container").empty(); 

http://api.jquery.com/empty/

empty имеет преимущество перед установкой HTML элемента ни к чему. Из documentation:

Чтобы избежать утечек памяти, JQuery удаляет другие конструкции, такие как данные и обработчиков событий из дочерних элементов перед удалением элементов сами.

Answer 2

$('#container').html('');