如何使用jQuery標籤刪除：not operator？

Question

是否有可能刪除所有<p>標籤，但有一個嵌套的<img>標籤，使用jQuery？

這裏是我的問題代碼：

<script> 
$(document).ready(function(){ 
    $("p>img:not").remove(); 
}); 
</script> 

<p><img src="Anyimg.jpg"></p> 
<p>My best friend is Mickey.</p> 
<p>Who is your favourite</p> 

這意味着輸出應該只是形象！

Answer 1

您可以使用:not()和:has()選擇

$("p:not(:has(img))").remove(); 

$("p:not(:has(img))").remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p><img src="Anyimg.jpg" alt="some image" /></p> 
 
<p>My best friend is Mickey.</p> 
 
<p>Who is your favourite</p>

Answer 2

另一種方式做到這一點，以使用filter方法

$("p").filter(function(){ 
 
    return $('img',this).length == 0; 
 
}).remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<p><img src="Anyimg.jpg" alt="some image"></p> 
 
<p>My best friend is Mickey.</p> 
 
<p>Who is your favourite</p>