JQuery selector — пропускает первый элемент, как исправить?

Question

[IceJOKER]

Никак не могу понять в чем причина, беру к примеру исходник главной страницы toster.ru, далее пытаюсь вывести все div:

var find = html.find('div'); //html - исходный код
if(!find.length) return;
find.each(function(index, el){
				//тут идет вывод
			});

Но почему-то не выводятся первые div-ы после body , к примеру у toster-а первым выводит - div#js-canvas, пропуская родительский div


И с помощью find невозможно добраться до head>title , поэтому для этого перешел на filter() - справляется с выводом title, также родительский элемент div, но вложенные элементы не видит.

Растолкуйте пожалуйста почему так.

Answer 1

[IceJOKER]

Помогли на stackoverflow.com/questions/28110073/jquery-findfi...

И решение:

var find = $('<div />').html(output).find(selector);

Все работает отлично )) спасибо тому чуваку, который ответил, а потом по какой-то причине удалил свой ответ.

Answer 2

[Сергей Наломенко]

Попробуйте такой код:
var find = $('div');

Тест в консоли по коду ниже на «тостере» вывел все div'ы (перед #js-canvas два undefined)

$('div').each(function(index, el){ console.log($(el).attr('id')) });

Comments

[IceJOKER]

а переменная find тогда зачем?
так или иначе нужно работать с полученными данными, то есть есть переменная var html = data; // где data - это исходный код, нужно в нем поискать

[Сергей Наломенко]

IceJOKER: А можно посмотреть демо-страницу, чтобы было где поиграться с консолькой?

[IceJOKER]

Сергей Наломенко: работаю локально ((

Answer 3

[Андрей]

Как написано в документации, find ищет потомков у каждого элемента в списке.

В вашем случае похоже что переменная html ссылается на layout. Чтобы включить всех потомков и сам элемент, то правильно было бы написать так:

html.add(html.find('div')).each(function() {...})