jquery - 如何通过单击按钮获取 div 的类？

Question

我想通过单击该 div 中的按钮来隐藏类名为“myclass”的 div。请记住，有两个以上名称为“myclass”的 div 具有不同的 id d25、d26。我只想隐藏那个取消按钮被点击的div。我怎样才能做到这一点 !任何帮助将不胜感激。我使用的代码是:

<div class="myclass" id="d25" >

<form method="post" action="#" >
<input type="email" name="emaild" id="emailid"  />
<input type="submit" value="Send" name="sub"/>
<input type="button" value="Cancel" id="cancel" class="can"  />
</form>

</div>

<div class="myclass" id="d26" >

    <form method="post" action="#" >
    <input type="email" name="emaild" id="emailid"  />
    <input type="submit" value="Send" name="sub"/>
    <input type="button" value="Cancel" id="cancel" class="can"  />
    </form>

    </div>


<script>

$(document).ready(function(){
    $(".can").click(function(){


        //what code I need to put here to hide div myclass on the click of button with class "can"

        });
});
</script>   

Answer 1

试试这个:用户.closest()获取 myClass div 的上层层次结构。

<script>

$(document).ready(function(){
    $(".can").click(function(){
       $(this).closest('.myclass').hide();
     });
});
</script>

<强> DEMO