Проверка наличия значения класса у элемента

Метод: .hasClass(name);

• Задача 1:

  - отобрать элементы span на странице и проверить, присутствует ли в выбранном наборе хотя бы один элемент span, у которого атрибут class имеет значение singl. В случае положительного результата вывести в модальном окне на экран сообщение на странице есть элементы span с классом singl, иначе вывести сообщение на странице элементов с указанным классом не найдено.

  Показать решение

  • Решение:

    $(function () {
        var classYes = $('span').hasClass('singl');
    	if(classYes == true){
    		alert('на странице есть элементы span с классом singl');
    	} else {
    		alert('на странице элементов с указанным классом не найдено');
    	}
    });
    

    Пояснение:

    - Для решения задачи с помощью селектора $('span') выберем все элементы span на странице. С помощью метода .hasClass('singl'); проверим, присутствуют ли в отобранном наборе элементы с атрибутом class, которому присвоено значение singl. С помощью условного выражения выведем на экран в модальном окне фразу на странице есть элементы span с классом singl, если элементы с классом singl присутствуют в наборе, или, если элементов с классом singl не найдено, выводим фразу на странице элементов с указанным классом не найдено.

    Результат:

    При загрузке страницы, к которой подключен скрипт, на экране появится модальное окно с сообщением на странице есть элементы span с классом singl, если присутствует хотя бы один элемент span с классом singl, или появится сообщение на странице элементов с указанным классом не найдено, если ни одного элемента span с классом singl найдено не будет.