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

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