如何在不知道元素的情况下选择第一个孩子？

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");