Jquery Can'；不要瞄准第一个孩子

我试图将目标锁定在这段代码的第一个子代码上，但是它似乎不起作用，我尝试了所有我能找到的不同方法，但似乎都不起作用。你知道我该怎么修吗

<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')

或者也可以尝试以下方法：

$('div#main').children('div.page:eq(0)')

---

这里不应该使用children（）。[示例}（）

只是

应该可以正常工作

您的代码应该可以工作：

确保正确地包含了jQuery，并在包含jQuery之后放置jQuery代码

最后，尝试将代码包装到DOM就绪处理程序中：

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

---

在jQuery2.1中，一切都很好，

第一个孩子

是有效的。你的bug是什么？如果他去掉了

div

，他现在的方式应该会快一点。但我想那是无关紧要的。嗨，杰伊，谢谢你的帮助，奇怪的是，这似乎并不能解决我的问题：哇，你有很多代码，我们在你访问时都不知道发布了原始问题。选择器工作，正如许多人所演示的。这与你的CSS有关。非常感谢Jay，感谢你，我可以修复它并改进我的代码。嗨Felix，谢谢你的帮助。我在fiddle上试用过，但在这段代码中不起作用

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

$('div#main div.page:first-child').addClasS("current")

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