javascript удалить и заново добавить

Question

Я застрял с элементом .remove. Мне нужен метод для удаления id="tut" и возможности повторного использования id="tut", если будут щелкать новые данные.

Есть предложения? Спасибо за помощь.

<span id="tut" style="font-weight:bold"></span>

<button id="delete">Remove</button>

$('#delete').on('click', function(){
    $('#tut').remove();  
});

Answer 1

Ну, почему бы не использовать .empty ()?

<button id="delete">Remove</button>
$('#delete').on('click', function(){
    $('#tut').empty();  
});

Если вам нужно удалить целое <span>, лучше сгенерируйте его тогда! Позже вам лучше выбрать контейнер для переноса, когда span становится элементом не из Dom.

UPDATE Чтобы обогатить ответ и для тех, кто ожидает от этого вопроса Title, способ воскресить элемент после удаляя его.

Существует еще одна jQuery функция, называемая detach (), способная отсоединять (временно удалять) элемент с его содержимым, но при необходимости может быть добавлена ​​повторно!

<span id="tut" style="font-weight:bold">Immortal</span>

<button id="kill">Kill</button>
<button id="resurrect">Resurrect</button>

$('#kill').on('click', function(){
    zombie = $("#tut").detach();
});

$('#resurrect').on('click', function(){
    $("body").append(zombie);
});

Демо здесь: https://jsfiddle.net/gejsk7w2/

Answer 2

Ваш код работал для меня, как только я добавил библиотеку jQuery (<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>).

Здесь есть рабочий пример: https://codepen.io/edlucas/pen/JjoMRpG

Не быть покровительственным, но из вашего примера трудно сказать: если вы не отделяете свой JavaScript в новом файле, вы должны окружить его тегами <script></script>.