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

Question

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

例如:

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

在这个例子中,第一个孩子是一个div.

另一个例子:

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

在这个例子中,第一个孩子是a 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元素.