javascript - 如何检查元素 (h2) 是否真的是 div 中的第一个元素？

Question

我想“管理”div 中的第一个 h2 元素，前提是它确实是“第一个元素”

<div id="test">
    <h2>Try 1</h2>
    Test Test Test
    <h2>Try 2</h2>
</div>  

这里只有带有文本“Try 1”的 h2 必须被管理

<div id="test">
    Test Test Test
    <h2>Try 1</h2>
    <h2>Try 2</h2>
</div>  

这里没有(之前有文字)

我怎样才能用 jQuery 做到这一点？

Answer 1

不需要 jquery，只需要:

document.getElementById('test').firstChild.nodeName // gives the name of the node

这将为您提供第一个节点的名称，即使它不是标签而只是一个纯文本节点!

您当然可以选择使用 document.querySelector() 如果您希望更灵活地使用您的选择器并且知道大多数客户端浏览器都支持它。

要清楚:如果你添加一个换行符，这也将被视为一个文本节点，所以标题需要在同一行开始，否则你将得到 #text 作为结果两个例子!

这会失败:

<div id="test">
    <h2>Try 1</h2>
    Test Test Test
    <h2>Try 2</h2>
</div>

这会起作用:

<div id="test"><h2>Try 1</h2>
    Test Test Test
    <h2>Try 2</h2>
</div>

a little demo for you