jQuery获取图像映射父图像

Question

我有一张所有图像的图像地图，当我点击地图区域时，我想更新链接到图像地图的父图像的类。我尝试过closest()和parent()

<div class="preview iphone">
  <div class="phone-screen">
    <img id="mail-1" src="img/mail-1.png" class="active" usemap="#Map">
    <map name="Map" id="ImageMapsCom-image-maps-2016-06-09-203440">
        <area  data-img="mail-2" href="#" shape="rect" coords="105,365,172,415" style="outline:none;" target="_self" />
    </map>
    <img id="mail-2" src="img/mail-2.png" class="hidden">
  </div>
</div>

的javascript：

<script>
    $(document).ready(function(){
        $("area").click(function (e) {
            e.preventDefault();

            var link = $(this).attr("data-img");
            $('#'+link).toggleClass( "active hidden" );


            $(this).parent('img').toggleClass( "active hidden" );
        });
    });
</script>