jquery:选择第一个子节点

你可以这样做:

$('div').click(function(){
  $(this).children('div').css('color','red');
});

而不是全选 <div> 元素,再次使用 this 并且做 .children() 从那里得到直接的孩子 <DIV & GT; 元素。 Here's a quick example ,注意本例中, <DIV & GT; S需要A color 最初,否则它将级联下来……即使它实际上没有应用到3级元素。

这可能是你想要的:

http://api.jquery.com/first-child-selector/

这是CSS选择器的问题,因为jquery使用它。

我认为您可以简单地为要选择的DIV定义一个类:

<div class="Level1">node level1
    <div class="Level2">node level2</div>
</div>

然后在jquery中选择它,如下所示:

$('div.Level1').click(function(){
$(this).children('div.Level2').css('color','red');
})

编辑为 .click() 语境:

在点击事件中,您将获得 this 要使用的jquery对象(它是已单击的元素)。所以你可以使用 .children() 要访问所有子元素(它只返回直接子元素,因此在您的场景中只返回项目级别2的项目):

$('div').click(function(){
    $(this).children().css('color','red');
}

或者,如果你只想要 第一 2级项目,您可以使用 :first-child 选择器:

$('div').click(function(){
    $(':first-child', this).css('color','red');
}