JQuery возвращает пустой, если селектор не предшествует элементу

Question

Используя jQuery, я пытаюсь выбрать элемент с уникальным идентификатором.Мне нужно проверить длину возвращенного объекта jquery, чтобы увидеть, есть ли элемент на странице.

если я напишу:

$('#main-content').length

я получаю 0. Странно, элементтам.Вместо этого, если я напишу:

$('main#main-content').length

, я получаю 1.

Я подумал, что мне не нужно указывать элемент перед селектором.Есть идеи, почему это происходит?

Answer 1

iframe - это, по сути, отдельный документ от родительского.Поэтому поиск по родительскому элементу не найдет элементы из iframe.

Однако это должно работать

$(document).ready(function(){
    var iFrameEl = $("iframe#frameID").contents();
    iFrameEl.find("#main-content").addClass('test');
});