Question

我想在点击该div中的按钮时隐藏具有类名“myclass”的div。请记住，有两个以上的div，其中“myclass”名称具有不同的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

Answer 2

 $(document).on('click', '.can', function(event) {
                event.preventDefault();
                $(this).closest('.myclass').hide();
            });

Answer 3

您可以使用parents

$('.can').click(function(){
     $(this).parents('.myclass').hide();
});

Answer 4

在你的功能中，试试这个：

$（本）。家长（ 'DIV'）淡出（）;

父母（'div'） - ＆gt;在这里你也可以指定你的班级名称

Rigin

Answer 5

您可以使用nearest（）jquery函数，例如

 $('.can').click(function(){

           $(this).closest('.myclass').hide();
 });

Answer 6

<强> JS

$(".can").click(function(){      
        $(this).parent().hide();
    });

fiddle

Answer 7

使用以下内容从父母按钮中找到div并隐藏它。

$(this).parents('div').hide();

代码将是

$(document).ready(function(){
    $(".can").click(function(){
       $(this).parents('div').hide();
    });
});

http://jsfiddle.net/6nrc8/`

如何通过点击按钮获得div的类？

7 个答案: