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

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