Удаление элемента AppendTo JQuery

Question

У меня есть функция, которая присоединяет динамические a и img тегов к конкретному сНу ID:

$('<a class="fap-single-track" href="http://web.com"><img src="http://web.com/image.jpg').appendTo("#status_01"); 

Но я хочу, чтобы пользователь мог обновлять эту ссылку (в другом месте на странице) ,

Как удалить добавленные данные из # status_01, когда я точно не знаю, какие данные будут (ссылки на URL и изображения собираются из удаленного API).

Проблема у меня в том, что, когда пользователь выбирает новый URL-адрес, чтобы заполнить данные appendTo, старый тоже есть, так что я в конечном итоге с несколькими <a> & <img> множеств.

Я пробовал кучу разных способов, но ничего не работает.

Если я:

$('#status_01').remove(); // before adding new data 

status_01 DIV больше не доступен в йот для следующей функции.

$('#status_01').detach(); 

Не работает.

Я также попробовал и смешал preend и некоторые другие вещи, но ничто из этого, похоже, не избавляет от данных appendTo.

Возможно ли это?

Возможно, есть что-то другое, кроме appendTo, которое я могу использовать вместо этого, чтобы прикрепить данные в первую очередь?

Answer 1

Это может быть?

$('#status_01').html(""); 

Или, если вы хотите удалить только последнее:

$('#status_01').children().last().remove(); 

Answer 2

В дополнение к @ правильный ответ Реми, вы можете также использовать .empty():

$('#status_01').empty();