jquery方法。不要從字符串中刪除嵌套的div

Question

我需要刪除其中一個嵌套的div。 我可以刪除DIV＃母公司（+ div的內部）有：

var $s = $(s).not('div#parent');

但我不能刪除裏面（例如＃DIV第一）只是一個DIV：

var s = '<h1>heading</h1><div id="parent"><div id="first"><p>paragraph</p></div><div id="second"><p> second div</p></div></div>'; 

     var $s = $(s).not('div#parent > div#first'); 

     $('body').append($s); // it shows all html 

這是怎麼做的情況？

Answer 1

你.not實際上是過濾頂級元素，這是什麼$(s)回報：

> $(s) 
[<h1>​heading​</h1>​, <div id=​"parent">​…​</div>​] 

由於兩者不匹配選擇，沒有從匹配的元素中刪除。

查找和刪除元素，而不是：

var $s = $(s); 
$s.find('#first').remove(); 

Answer 2

嘗試追加到身體後使用remove。

var s = '<h1>heading</h1> 
     <div id="parent"> 
      <div id="first"><p>paragraph</p> 
      </div><div id="second"><p> second div</p> 
     </div></div>'; 


$('body').append(s); // it shows all html 

$('#first').remove();