删除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

要删除元素，请使用.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 3

$('#team > img').remove() 但是，如果您只想更改图像，则可以定位图像并更改src属性，如下所示：$('#team > img').attr('src', url); 其中url是您要引用的图像的路径

Answer 4

使用多种方法轻松摆脱图像

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

或只是将html替换为文本

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

添加另一个使用`append（）

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