Question

我正在尝试使用jquery在页面上查找所有文本节点。但无论我选择哪个元素，nodeType始终为1：

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

这导致控制台中只输出“1”。并且要证明页面上有一个“文本节点”：

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

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

我在这里缺少什么？我正在使用safari 5.0.4。我在firefox 3.6.12中得到了相同的结果。

感谢。

Answer 1

jQuery只会选择元素节点。

$('p:first')实际上选择了第一个<p>元素。要访问包含的文本节点，您需要访问DOM节点上的firstChild：

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。

javascript nodeType是1，不管是什么？

1 个答案: