Удалить часть 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();

Edit: $(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'); 

Fiddle: http://jsfiddle.net/cu15zr8k/3/

---

Если вы хотите изменить атрибут src, лучше использовать .attr():

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

Fiddle: http://jsfiddle.net/cu15zr8k/2/

Answer 4

$('#team > img').remove() Однако, если вы хотите просто изменить изображение, которое вы могли предназначаться изображение и изменить атрибут Src, как это: $('#team > img').attr('src', url); Где URL это путь к изображению, которое требуется ссылаться