從特定的html頁面元素中刪除p段

Question

<div id="homePageBottomNewsWrapper"> 
    <div class="col1"> 
     <div class="homePage3ColsThumbPhoto"> 
     <p> 
      <img alt="" src="/Content/uploads/images/imgNews4.jpg"> 
     </p> 
    </div> 
</div> 

我想刪除這個p元素。我怎麼用jQuery來做到這一點？

更新：如果你想刪除整個p

$(".homePage3ColsThumbPhoto p") 
    .html() 
     .appendTo(".homePage3ColsThumbPhoto") 
    .end() 
    .remove(); 

：

$('img').unwrap(); 

Answer 1

你可以這樣做（如果你只想刪除標記，則沒有內圖像） -

$('img').unwrap(); 

• http://api.jquery.com/unwrap/

Answer 2

如果要刪除只是<p>標籤，而不是<img>或任意數量的元素，然後做到這一點標籤和內容可以做到這一點;

$(".homePage3ColsThumbPhoto p").remove(); 

Answer 3

$(".col1 p").remove(); 
//If you want to remove all the `p` elements in col1 

或

$(".homePage3ColsThumbPhoto p").remove(); 
//If you want to remove all the `p` elements in homePage3ColsThumbPhoto 

或

$("p").remove() 
//if you have only one `p` element 

Answer 4

嘗試，

$(function(){ 
    $(".homePage3ColsThumbPhoto p").remove(); 
}); 

Answer 5

有很多方法可以做到這一點

對於直接孩子

$(".homePage3ColsThumbPhoto>p").remove(); 

或

$(".homePage3ColsThumbPhoto p").remove(); //對於所有的後代。