如何获得第一个元素而不知道它是什么标签？

Question

如何获得第一个元素而不知道它是什么标记？

例如，我只知道它的父'.parent'，但我希望得到它的子节点<div>

<div class="parent">
<div>
    <p>Loading...</p>
</div>
</div>

有时，其子节点只是<p>

<div class="parent">
    <p>Loading...</p>
</div>

我的尝试，

console.log($(".parent").firstChild); // but I get underfined

有什么想法吗？

Answer 1

你可以尝试这个：

$(".parent :first")

Answer 2

你可以这样做。

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

Answer 3

$('.parent > :first-child').each(function() {
  console.log(this);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parent">
  <p>test
    <a>subtest</a>
  </p>
</div>
<div class="parent">
  <del>test
    <a>subtest</a>
  </del>
</div>
<div class="parent">
  <span>test
    <a>subtest</a>
  </span>
</div>