如何找出第一个子标签名称是什么？

Question

我需要找到元素的第一个子元素。

例如：

<div class="parent">
    <div class="child"></div>
    <img class="child" />
    <div class="child"></div>
</div>

在此示例中，FIRST孩子是div。

另一个例子：

<div class="parent">
    <img class="child" />
    <img class="child" />
    <div class="child"></div>
</div>

在此示例中，第一个孩子是img。

Answer 1

还有一个：

var tag = $('.parent').children().get(0).nodeName;

或者，如果您已经有任何其他对父元素的引用，您可以只访问其children属性（假设它是一个DOM节点，而不是一个jQuery对象）：

var tag = parent.children[0].nodeName;

参考： .children()，.get()，Element.children，Node.nodeName

Answer 2

这将是一种方式

$('div.parent').children(':first');

如果你想知道它是什么类型的元素

$('div.parent').children(':first')[0].nodeName;

[0]将获得包装集中的第一个底层DOM元素。

Answer 3

试试这个：

$('.parent *:first-child')