javascript：不是选择器问题

Question

据我所知，我的语法在这里是正确的，但它仍然在逐渐消失？我必须做错事是否有人能够提供帮助？

我只是想让.map_1淡入，但不是.routemapred。

$('#listItem1').click(function(){
    $(".map_1:not('.routemapred')".fadeIn(500);
});

Answer 1

您使用的选择器会查找具有class="map_1"但没有class="routemapred"的单个元素。您的HTML在不同元素上包含这些类，因此您需要单独选择它们：

$('#listItem1').click(function() {
  $(".map_1").fadeIn(500);
  $(".map_1 .routemapred").hide();
});

.map_1 {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="listItem1">Click</button>
<div class="map_1">
  This should fade in
  <div class="routemapred">
    This should not be visible
  </div>
</div>