javascript nodeType - 1 независимо от того, что?

Question

Я пытаюсь найти все текстовые узлы на странице с помощью jquery. Но независимо от того, какой элемент я выбираю, то NODETYPE не всегда 1:

$.each($('*'), function(index, el) { console.log(el.nodeType) }); 

Что к чему не привели, но «1» выводится в консоли. И чтобы доказать наличие «текстового узла» на странице:

$('p:first').html() 
=> " 
      I'm text 
      " 

$('p:first')[0].nodeType 
=> 1 

Что мне здесь не хватает? Я использую сафари 5.0.4. Я получаю тот же результат в firefox 3.6.12.

Спасибо.

Answer 1

jQuery будет выбирать только узлы элементов.

$('p:first') фактически выбирает первый элемент <p>. Чтобы получить доступ к содержащемуся текстовому узлу, вам нужно будет получить доступ к firstChild в узле DOM:

alert($('p:first')[0].nodeName) // alerts P     <-- element node 
alert($('p:first')[0].firstChild.nodeName) // alerts #text <-- text node 

DEMO

Может быть, у вас также есть недоразумение: элементы, содержащие текст, не являются текстовыми узлами. Каждый элемент, созданный с помощью тегов <..>, является узлом элемента.

Пример:

<p> 
    Foo 
    <span>Bar</span> 
    Baz 
</p> 

Узел элемент<p> имеет троих детей: Два текстовые узлы, содержащие текст Foo и Baz, и узел элемент<span> который сам по себе имеет текстовый узел как ребенок, содержащий Bar.