使用js在子元素中获取元素

Question

我需要使用jquery

将类添加到div#mydiv > div > div > anchor的锚点

<div class="mydiv">
    <div>
        <div>
            <a href="#aa">add css to this one</a> 
        </div>
    </div>
    <div>
        <a href="#bb">ignore this one</a>
    </div>
</div>

Answer 1

这样做：

$('#mydiv > div > div > a').addClass('yourClass');

或者：

$('#mydiv').children('div').children('div').children('a').addClass('yourClass');

如果事先知道href：

$('a[href="#aa"]').addClass('yourClass');

Answer 2

jQuery了解正常的CSS规则，因此您可以使用

$('#mydiv > div > div > a').addClass('someclass');

Answer 3

$('.mydiv div div a').addClass('someClass');

演示-------> http://jsfiddle.net/Uq2ap/12/