javascript - jQuery append不断重复如何只保留一个

我在地图上有多个制造商，并且创建了一个自定义infoWindow，因此我可以管理几乎所有内容。我创建了一个var并追加到Div上。
但每次将鼠标悬停时，该项都会添加一次，并会不断重复。

这是jsfiddle Sample

google.maps.event.addListener(marker, 'mouseover', (function(marker, i) {
    return function() {
        var showcity = '<div class="cities">' + 'This is' + cities[i][0] + '</div>';

        $(".infoWindow").append(showcity).fadeIn();

    }
  })(marker, i));

最佳答案

只是改变

$(".infoWindow").append(showcity).fadeIn();

至

$(".infoWindow").html(showcity).fadeIn();

FIDDLE