Я пытаюсь сделать событие щелчка, которое скрывает элемент, который щелкнут, если он имеет определенный класс, но то, что я пробовал, не работает.JQuery при щелчке любого элемента с классом
$(document).ready(function(){
$('.alert').on('click', function(){
$(this).slideUp(150);
});
});
Может ли кто-нибудь мне помочь?
Обычно это должно скрыть текущий элемент щелкнул:
$(document).ready(function(){
$('.alert').on('click', function(){
$(this).hide();
});
});
Если вы хотите, чтобы скрыть все элементы с классом:
$(document).ready(function(){
$('.alert').on('click', function(){
$('.alert').hide();
});
});
... которая скрывает элемент, который щелкнул если у него есть определенный класс ...
$(document).ready(function(){
$('.alert').on('click', function(){
if($(this).hasClass('certain-class'){
$(this).hide();
}
});
});
Обратите внимание, что вам нужно только передать имя класса без .
в Существует В hide() метод JQuery
$(document).ready(function(){
$('.alert').on('click', function(){
$(".yourclass").hide();
});
});
или что-то вроде этого .. также взглянуть на: http://www.w3schools.com/jquery/jquery_hide_show.asp
Update:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#element").click(function(){
if($(this).hasClass("hide")){
$(this).slideUp(200);
}
});
});
</script>
</head>
<body>
<button id="element" class="hide">Element 1</button>
<button id="element" class="show">Element 2</button>
</body>
</html>
Вы хотите, чтобы все элементы с классом .alert были скрыты? Или почему это не работает точно? – AmmarCSE
$ (this) .hide(); – t3dodson
Возможно, вам нужно будет увидеть свой HTML, чтобы понять это. – michaelpri