Определение того, не нашел ли jQuery никаких элементов

127

Я использую селекторы jQuery, особенно селектор id:

$("#elementId")...

Как мне определить, нашел ли элемент jQuery или нет? Даже если элемент с указанным идентификатором не существует, следующий оператор даст мне:[object Object]

alert($("#idThatDoesnotexist"));

jquery css-selectors

— Bardock
источник

188

$('#idThatDoesnotexist').lengthэто то, что вы ищете. (Если ничего не найдено, это будет === 0.) Итак, ваш условный оператор, вероятно, должен быть таким:

if ($ ('# id'). length) {/ * код, если найден * /} else {/ * код, если не найден * /}

Вы получаете объект, возвращенный из этого предупреждения, потому что jQuery (почти) всегда возвращает «объект jQuery», когда вы его используете, который является оболочкой для найденных элементов jQuery, которая разрешает цепочку методов.

— futuraprime
источник

3

Вам не нужен ноль, достаточно $ ('# id'). Length (ноль == false в javascript)

— Дэвид Хеллсинг,

13

@ Дэвид тот факт, что вам это не нужно , не обязательно делает его избыточным, на первый взгляд IMO это делает его более понятным.

— Abir

1

@Abir: Это только проясняет ситуацию, пока вы не привыкнете к синтаксису без него, проверяя его на истинность, а не явно 0. Я предлагаю просто привыкнуть к синтаксису без него == 0, вы увидите его везде.

— Скотт Стаффорд

@ScottStafford, для большего зазора вы также можете использовать if (!!$('#id').length), которые выполняют логическое приведение.

— Даниэле Врут

6

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

— Мэтт Карр,

26

Futuraprime прав, но вы можете сократить синтаксис, выполнив следующие действия:

if ($("#id").length) {
   //at least one element was found
} else {
   //no elements found
}

— Джон Хартсок
источник

11

!$.isEmptyObject($.find('#id'))

Это вернет истину, если элемент существует, и ложь, если нет.

— СПА
источник

7

$('#my_selector').length > 0 
$('#my_selector').get(0) !== undefined
$('#my_selector')[0] !== undefined

Это основное, теперь делайте все, что хотите.

— Blackjoker
источник