1

Пишу скрипт для одной страницы, для конкретного элемента.

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

var el = $(".el").html();
if (!el) {
  console.log('Нет элемента');
} else {
  console.log('Есть элемент');
};
.el {
  font-weight: bold;
  padding: 15px;
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 5px #125415;
  display: block;
  position: absolute;
  background: #43A047;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div class="el">Элемент</div>
Если if/else меня устраивает, то первая строка скрипта кажется длинной, может быть есть способ записать иначе?

2
  • 1
    $('.el').length; 26 авг 2016 в 5:58
  • @Евгений Шевцов . Дело в том что элемент может вернуть пустоту '', я бы вот так попробовал if (typeof($(".el").text()) != undefined) { console.log('Нет элемента'); }
    – perfect
    26 авг 2016 в 6:00

3 ответа 3

6

Можно использовать length, чтобы увидеть совпадает селектор с чем-либо или нет

exist = $('#MyId').length;
8
  • можно спросить, а почему у пустого элемента свойство length равно единице?
    – perfect
    26 авг 2016 в 6:09
  • 1
    @perfect length не возвращает количество символов внутри элемента. length возвращает количество элементов на странице с указанным селектором. А раз на странице элемент есть, даже пустой - соответственно и вернет единицу.......... например если создать пять дивов <div class="el"></div> и написать console.log($('.el').length); то выведется число 5. Ибо 5 элементов с указанным классом на странице присутствует точно. А что там внутри - уже дело десятое 26 авг 2016 в 6:14
  • если ищем элемент без атрибутов, работать будет?
    – perfect
    26 авг 2016 в 6:15
  • @Алексей Шиманский, можете на примере моего кода написать проверку? у меня либо условие if else не срабатывает либо выдает ошибку если я вообще удаляю html элемент а как раз от ошибок мне и нужно избавиться
    – engenes
    26 авг 2016 в 6:15
  • @АлексейШиманский вот как раз как в вашем комментарии и написал, и ошибка
    – engenes
    26 авг 2016 в 6:17
3

Это делается вот так:

$("div").is(".el")
1
el ? console.log('Есть элемент') : console.log('Нет элемента');

Это если, конечно, по одному оператору на вариант да / нет. Если больше - то ваша конструкция.

3
  • Постарайтесь писать более развернутые ответы. Поясните, на чем основано ваше утверждение? 26 авг 2016 в 6:07
  • console.log(el ? "есть": "нету")
    – ikerya
    27 авг 2016 в 11:08
  • так лучше - согласен
    – Maxx Out
    28 авг 2016 в 17:56

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.