Удалить только выбранные элементы из html dom

Question

Я хочу удалить все элементы, кроме одного, из div, щелкнув по буклету. Как это сделать с помощью jQuery?

HTML

<div id="div1"> 
<div id="inner1"></div> 
<div id="inner2"></div>  
</div> 

JQuery

$('button').click(function(){ 
$('div1').html(' '); 
}); 

Она удаляет все элементы, входящие в див1, но я хочу, чтобы удалить только inner1.

Answer 1

$('button').click(function(){ 
    $('#inner1').remove(); 
}); 

jsFiddle example

См: http://api.jquery.com/remove/

Answer 2

$('#div1 #inner1').remove();

Это удалит inner1 DIV из div1.

Answer 3

Это удалит все, кроме #inner2, включая текстовые узлы.

var $inner2 = $("#inner2"); 

$('#div1').empty().append($inner2); 

Answer 4

Возможно, это что вы ищите? $('#inner1').remove(); Вы можете посмотреть в Jquery документации на http://api.jquery.com/remove/ Если это не ответ на ваш вопрос, пожалуйста, создайте jsfiddle ссылку