jquery hasclass проверить есть ли класс
Сегодня разберемся с hasClass в jquery. Мы продолжаем наши темы с классами, мы уже рассмотрели, удаление класса, добавление класса – теперь будем искать… есть ли наш класс на странице. Который нам нужен!Примеры использования hasClass в jquery:
$("#example").hasClass("searchClass"); //проверит наличие класса searchClass у элемента с идентификатором example
$("div.example").hasClass("searchClass"); //проверит наличие класса searchClass у div-элементов с классом example
Использовать можно различными способами – самый простой способ, например у вас есть в вашем диве с идентификаторам example и класс с таким же названием… и их много!
Вам нужно проверить есть ли такой класс searchClass вообще… внутри ваших "example"
Можно сделать таким образом:
<div id="example">
<div class="example searchClass" onclick="foo()">#example + .searchClass нажми на меня!</div>
</div>
и скрипт:
function foo()
{
if($("#example .example").hasClass("searchClass"))
{
alert("Есть такой класс");
};
}
Мы использовали onclick и теперь вам нужно нажать по ниже идишей надписи ...
Если вам нужно использовать без онклика. То убираем его в диве и скрипт у вас будет выглядеть таким образом:
if($("#example .example").hasClass("searchClass"))
{
alert("Есть такой класс");//ну или действие каяке-то другое...
};