javascript - jQuery:第一个 child (没有 id 或类)

Question

这是 html 结构:(另请参阅此处的 jsfiddle:http://jsfiddle.net/hQ5dZ/)

<div id="fields">    
    <div>
        <input type="file" />
        <input type="button" value="+add">
    <div>
    <div> 
        <input type="file" />
        <input type="button" value="+add">
    <div>
</div> 

下面的第二个 jQuery 语句不起作用，为什么？

$('#fields').children().hide();
$('#fields :first-child').show();

编辑:期望的行为 -> 第一个 div-child(及其内容)应该出现

Answer 1

您的标记无效 — 您没有关闭 <div>和 <input>标签:

<div id="fields">    
    <div>
        <input type="file" />
        <input type="button" value="+add" />
    </div>
    <div> 
        <input type="file" />
        <input type="button" value="+add" />
    </div>
</div> 

将标记更改为有效语法后，它可以正常工作 - http://jsfiddle.net/teddyrised/nBbxY/