Наличие класса
.hasClass()
Проверяет наличие класса у элементов страницы. Метод имеет один вариант использования:
.hasClass(className):boolean1.2
Проверяет наличие класса className у выбранных элементов страницы. Если хотя бы один из элементов содержит этот класс, то функция вернет true, иначе вернет false.
Примеры использования:
$("#content").hasClass("newsBlock") | проверит наличие класса newsBlock у элемента с идентификатором content |
$("div.content").hasClass("newsBlock") | проверит наличие класса newsBlock у div-элементов с классом content |
В действии
Узнаем, содержит ли бракованные товары партия мясной продукции: есть ли элементы с классом waste (брак) внутри элемента с идентификатором lot(партия товаров).
~lt~!DOCTYPE html~gt~ ~lt~html~gt~ ~lt~head~gt~ ~lt~script src="https://code.jquery.com/jquery-latest.js"~gt~~lt~/script~gt~ ~lt~style~gt~ #list{ width:260px; } .item{ width: 250px; height: 20px; margin: 2px; padding: 3px; background-color: #eee; list-style-type:none; } .waste{ background-color: #eecccc; } ~lt~/style~gt~ ~lt~/head~gt~ ~lt~body~gt~ ~lt~ul id="lot"~gt~ ~lt~li class="item"~gt~ Колбаса ~lt~/li ~gt~ ~lt~li class="item"~gt~ Ветчина ~lt~/li ~gt~ ~lt~li class="item waste"~gt~ Вырезка ~lt~/li ~gt~ ~lt~li class="item"~gt~ Сосиски ~lt~/li ~gt~ ~lt~li class="item"~gt~ Печень ~lt~/li ~gt~ ~lt~/ul~gt~ ~lt~div id="state"~gt~ ~lt~/div~gt~ ~lt~script~gt~ if($("#lot .item").hasClass("waste")) $("#state").text("Партия содержит брак!"); ~lt~/script~gt~ ~lt~/body~gt~ ~lt~/html~gt~