如何獲得第一個元素而不知道它是什麼標記？

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>