Наличие класса

Материал из JQuery

Перейти к: навигация, поиск
.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="http://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~

Ссылки

Поисковые ключи:
  • наличие класса у выбранных элементов
  • принадлежит ли элемент данному классу
  • .hasClass()
  • hasClass()