jquery - 不能定位第一个 child

Question

我正在尝试将此代码的第一个子代码作为目标，但它似乎不起作用，我已经尝试了所有我能找到的不同方法，但似乎都不起作用。关于如何修复它的任何想法？

<div id="main">
<div class="page">
    <p>random 1</p>
</div>    
<div class="page">
    <p>random 2</p>
</div> 
<div class="page">
    <p>random 3</p>
</div> 
<div class="page">
    <p>random 4</p>
</div> 

$('div#main').children('div.page:first-child').addClass('current');

.page {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
visibility: hidden;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.current{
visibility: visible;
z-index: 1;
}

Answer 1

你不应该在这里使用 children() 。 [示例}( http://jsfiddle.net/U7LmH/1/ )

$('div#main .page:first-child').addClass('current');