2016-04-07 19 views
-1

Ich möchte den Inhalt eines Div-Tags aktualisieren. Ich erstelle eine Karte mit Openlayer3. In meinem Web gibt es eine Schaltfläche, um eine Karte in ein div-Tag zu rendern, aber jedes Mal, wenn ich auf den Knopf klicke, wird eine weitere Karte nach der letzten Karte erstellt. Das Ziel ist es, die angezeigte Karte in das Div zu entfernen und das Neue zu rendern. Wie kann ich das machen ?Wie div Inhalt zu entfernen

versuchte ich

$('map').empty(); 

das alte zu löschen und die neue machen aber Passt nicht

+0

Karte kein gültiger Wähler für ein div ist, was wollen Sie tun? Bitte geben Sie weitere Informationen an. – Boratzan

+0

Was ist Karte hier? meinst du map tag oder es ist ID oder Klasse? Wenn du die Karte in div entfernen willst, dann musst du das div leeren – brk

+0

Bitte füge den Code hinzu, wo ** map ** definiert ist, um den benötigten Selektor zu verdeutlichen. – Fabricio

Antwort

2
$('map').remove(); 

arbeiten Wenn Sie die alte Karte entfernen wollen, und machen eine neue, einfach Entferne die alte Karte.

Noch besser ist, dies zu tun

$(".youMapContainer").empty() 
+0

Dank Including die folgende Funktion in die Funktion, wer die Karte rendern; – kamome

2

Wenn Sie versuchen, JQuery:

$("#map").html(""); 

Vanilla:

function clearTheDiv() 
{ 
    document.getElementById("yourDivIdHere").innerHTML = ""; 
} 

Und dann rufen "clearTheDiv();" in HTML.

+0

Und stellen Sie sicher, dass das Div "Karte" als ID hat. Oder wenn Sie eine Klasse namens "map" erstellen, wäre der Selektor $ (". Map") – user326964

0

Danke.

Mit clearTheDiv()

function traza_mapa() {  // function to render the map 
    function clearTheDiv() 
    { 
     document.getElementById("map").innerHTML = ""; 
    }; 
    clearTheDiv(); 
......