javascript - 单击一个 div 并获取另一个 div 的 id

Question

我想点击一个元素并从另一个与其无关的 div 中获取 id。

我试过这个:

$(".map_flag").on("click",function(){
    var objective = ($(this).attr("data_modal"));

    $("#" + objective).fadeIn(300, function(){
        $("#" + objective).find(".modal_content").fadeIn(300);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="map_flag" data_modal="map_1"> 
    <img src="img/image_1.png" alt="image one" >
</button>

<div id="map_1">
    <p class="modal_content">place holder</p>
</div>

Answer 1

首先，自定义属性需要以 data- 开头，而不是 data_(注意破折号/下划线)。

然后

$("#" + objective).fadeIn(300, function(){
    $("#" + objective).find(".modal_content").fadeIn(300);
});

首先淡入 $('#map_1')，然后淡入 $('#map_1 .modal')。不确定这是否有意，但如果 #map_1 元素没有更多子元素，您可能只想淡入一次。

对于其余部分，您的代码应该可以正常工作。