+ -
当前位置:首页 → 问答吧 → 多个DIV选择第一个a标签的问题,头疼。。。

多个DIV选择第一个a标签的问题,头疼。。。

时间:2010-03-05

来源:互联网

在做界面时遇到了一个问题,有两个不同的div,用同样的class为class1,div下都同样有h1 > a,我现在想实现的就是,在页面载入的时候能够把每个div下的第一个a加一个class

我使用$('class1 ha a:first').addClass('selected')的话,会把两个div下的a都计算,然后选择第一个,结果就是只有第一个div中的a添加了class,但是第二个div中的a没有添加

请问有什么方法能够让两个div中的第一个a都添加上class?

作者: 带头盔滴衰锅   发布时间: 2010-03-05

<html>
<head>
<meta charset=utf-8 />
</head>
<title>test</title>
<style>
    .class2{font-weight:bold;}
</style>
</head>
<body>
    <div class='class1'>
        <a>a</a>
        <a>b</a>
    </div>
    <div class='class1'>
        <a>a</a>
        <a>b</a>
        <a>c</a>
    </div>
</body>
</html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $('div.class1 a:first-child').addClass('class2');
    });
</script>

作者: aeonmana   发布时间: 2010-03-05

楼上正解;
$('div.class1 a:first-child')

作者: wanglei34112   发布时间: 2010-04-02

写错了,应该是:$('div.class1 a:first')

作者: ruyingdesign   发布时间: 2010-04-02