刪除一個div

Question

我有一個div的一部分：

<div class="team"><img src="images/logo/team.png" style="vertical-align:middle"> Team</div> 

是否有jQuery的任何方式在這個div只刪除圖像？使它看起來像這樣：

<div class="team"> Team</div> 

而另一個問題。有什麼方法可以刪除舊圖像並在文本後添加新圖像？事情是這樣的：

<div class="team"> Team<img src="images/logo/new.png" style="vertical-align:middle"></div> 

Answer 1

你想.remove()

在$("div > img").remove();

編輯：$(function() { $("div.team > div").remove(); });是更具體的，這裏只是提醒做文檔加載時。

Answer 2

足夠容易擺脫使用圖像的許多方法

$('div.team img').remove() 

或只是文本替換HTML

$('div.team').html(function(){ 
    return $(this).text() 
}); 

添加不同的一個用途'的append（）

$('div.team').append($('<img>',{src:'/path/to/image'})); 

Answer 3

要刪除元素，請使用.remove()：

$('div.team > img').remove(); 

要添加其他元素，使用.append：

$('div.team').append('ELEMENT'); 

小提琴：http://jsfiddle.net/cu15zr8k/3/

---

如果你只是想改變src屬性，不如你用.attr()：

$('div.team > img').attr('src', 'new-url'); 

小提琴：http://jsfiddle.net/cu15zr8k/2/

Answer 4

$('#team > img').remove() 但是，如果你想只改變圖像您可以將目標圖像，並改變這樣的src屬性：$('#team > img').attr('src', url); 其中URL是你要引用