программно удаляющий элемент html

Question

У меня есть ситуация с веб-приложением веб-приложения. При запуске приложение показывает пустую карту, когда я нажимаю кнопку поиска, появляется другая карта. Мой вопрос - как программно удалить первую карту. Это картины, которые объясняют ситуацию (на старте):

Когда поиск кликали:

Это мой HTML код карты:

<div id="world-map" class="forDelete" style="width: 600px; height: 400px" > 

    </div> 

это это то, что я пытался. Я добавил следующую строку кода в функцию, которая рисует карту при нажатии на поиск.

$("#forDelete").Remove(); 

Любые предложения, почему это не сработает? Или возможное решение? стр. Сначала я код в html и java-скрипте.

Answer 1

Это класс, так что это не с хешем. Это должно быть то, как это:

$(".forDelete").remove(); 

В противном случае, если вы хотите использовать IDI вашего элемента:

$("#world-map").remove(); 

запомнить Также JS является колпачками чувствительных, так это не .remove но .remove ()

Answer 2

Вы используете неправильную функцию (если Удалить функция).

Используйте .remove().

Вы можете увидеть больше информации here

Edit: ""

Как говорит другой ответ, вы также, используя неправильные селектор, для классов, которые вы должны использовать См here

Answer 3

Использование JQuery вы можете использовать как удалить() и отсоединить() метод

jQuery("#world-map").remove(); or jQuery("#world-map").detach(); 

Использование нормальной Javascript

var elem = document.getElementById('world-map'); 
elem.parentNode.removeChild(elem);