Проверить существование элемента на странице при помощи 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)) {
// элемент существует, что-то делаем
}
Комментарии к статье