Открыть меню    

Проверить существование элемента на странице при помощи jQuery

Самые простые варианты проверки существования элементов на jQuery:

jQuery

if ($('#myElement').length > 0) {
    // элемент существует, что-то делаем
}

// или

if($("#findID").length) {
  // элемент существует, что-то делаем
}

// еще вариант

if($('#findID')[0]) {
 // элемент существует, что-то делаем
}

Проверка с помощью оригинального плагина от Chris Goodchild

jQuery

// Tiny jQuery Plugin
// by Chris Goodchild
$.fn.exists = function(callback) {
    var args = [].slice.call(arguments, 1);
    // вызываем slice для объекта arguments
    // slice возвращает часть массива,
    // в нашем случае часть массива, начиная со 2-го оргумента
    if (this.length) {
        callback.call(this, args);
    }

    return this;
};

// Использование
$('div.test').exists(function() {
    this.append('Я существую!');
});

Добавляем в jQuery еще более простой метод для проверки наличия элемента на странице.

jQuery

jQuery.fn.exists = function() {
   return $(this).length;
}
// Пример использования:
if($("#findID").exists()) {
   // exists
}

Или делаем свою вспомогательную функция для jQuery:

jQuery

jQuery.exists = function(selector) {
   return ($(selector).length > 0);
}

// Пример использования:
if ($.exists(selector)) {
 // элемент существует, что-то делаем
}

Комментарии к статье

Добавить комментарий к сниппету