Приветствую вас, уважаемые читатели. Продолжаю цикл статей по основам jQuery и сегодня расскажу вам, как в jquery проверить существование элемента, и в зависимости от этого выполнить те или иные действия.
Метод is()
Итак, для этого стоит использовать метод is(), чтобы задать разные варианты действий веб-сценария после окончания проверки, стоит использовать оператор if. Пример:
if($("div").is(".item")){
$(".item").html("Привет, мир!");
}
else
$(body).append('
');
Что выполняет этот кусок кода? Сначала он проверяет, существует ли в html-разметке хотя бы один div с классом item. Если он существует, в него добавляется текст – “Привет, мир!”. В случае, если элемент не найден (то есть проверка выдает false), то создаем в теле страницы соответствующий элемент с таким же текстовым наполнением. Таким образом, вне зависимости от того, найден элемент или нет, он все равно будет выведен на страницу.
Вместо глобального селектора body вы также можете использовать любой другой. В этом случае указанный в методе append html-код будет вставлен в подходящий под селектор контейнер. Таких контейнеров может быть и не один.
Как в jquery добавить элемент в начало родителя?
Интересно, что метод append помещает элемент в самый конец содержимого родительского блока. Представьте себе такой код:
<div id = “main”> <p>Text</p> <a>Link</a> </div>
Если мы вставим наш новый элемент в контейнер #main, то он вставится в самый конец разметки, то есть встанет после параграфа и ссылки. Это обычное поведение, если мы используем метод append(). Но есть и другой метод – prepend() и он вставит элемент, а также поместит его в самое начало содержимого родителя, то есть сделает его первым дочерним элементом.
В общем, вот такая информация, ну а для проверки существования элемента стоит использовать метод is() в параметрах которого нужно указать селектор, по которому производится проверка.