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

01.04.2013
Иногда нужно проверить вернул есть ли элементы подходящие под jQuery селектор

Способ первый - стандартный:

1
2
3
4
5
6
7
8
9
10
11
if($("#findID").length>0) {
  // exists
}
//еще проще:
if($("#findID").length) {
  // exists
}
// Еще вариант:
if($('#findID')[0]) {
 // exists
}

Способ второй - удобный (создадим пользовательскую функцию exists() ):

1
2
3
4
5
6
7
8
// Один раз объявляем функцию, потом используем так, как в примере
jQuery.fn.exists = function() {
   return $(this).length;
}
// Пример использования:
if($("#findID").exists()) {
   // exists
}

Можно и так:

1
2
3
4
5
6
7
8
jQuery.exists = function(selector) {
   return ($(selector).length > 0);
}
 
// Пример использования:
if ($.exists(selector)) {
  // exists
}


Категории: JQuery
Яндекс.Метрика