如何在不知道元素的情況下選擇第一個孩子？

Question

<script> 
    $(document).ready(function(){ 
     $("#container div:first-child").text("foobar");   
    });  
</script> 
<div id="container"> 
    <div>foo</div> 
    <div>bar</div> 
</div> 

將打印

foobar 
bar 

什麼是正確的語法選擇只選擇第一個子節點，無論它是元素？

例如，我怎樣才能改變選擇讓

<span>foo</span> 
<div>bar</div> 

將打印

foobar 
bar 

Answer 1

只需刪除選擇的div部分...

$("#container :first-child").text("foobar"); 

，或者你可以代替*，但沒有區別...

$("#container *:first-child").text("foobar");