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

Answer 2

试试这个：

$('div#main').children('div.page:first')

或尝试这个：

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

Answer 3

只需

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

应该可以正常工作

Answer 4

您的代码应该有效：Fiddle

确保你已经正确地包含了jQuery并在包含jQuery之后放了你的jQuery代码。

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

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

不能瞄准第一个孩子

4 个答案: