Блог

Главная - Вопросы по программированию - Как получить класс div по нажатию кнопки?

Как получить класс div по нажатию кнопки?

#jquery

#jquery

Вопрос:

Я хочу скрыть div с именем класса «myclass» при нажатии кнопки в этом div. Пожалуйста, помните, что существует более двух div с именем myclass с разными идентификаторами 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>

Комментарии:

1. Какое отношение ваш заголовок имеет к вашему вопросу? Вы хотите получить DIV с определенным классом, а не получить класс DIV.

Ответ №1:

Попробуйте это: User .closest(), чтобы получить MyClass div в его верхней иерархии.

 <script>

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

ДЕМОНСТРАЦИЯ

Ответ №2:

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

Ответ №3:

Вы можете использовать родителей

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

Ответ №4:

В вашей функции попробуйте это :

$(this).parents(‘div’).fadeOut();

parents(‘div’) -> здесь вы также можете указать имя своего класса

Ригин

Ответ №5:

Вы можете использовать функцию closest() jquery, например

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

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

Ответ №6:

js

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

скрипка

Ответ №7:

Найдите div из родительских кнопок, используя следующее, и скройте его.

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

Код будет 

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

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