如何使用锚标记向特定的li添加类?

时间:2013-08-20 11:24:39

标签: jquery

这是非常简单的事情。我知道并且我总是使用这种类型的东西。现在在我的一个项目中,我面临着问题添加类。

bellow只是HTML示例:

//html
<div>
    <ul>
        <li><a href="#waxing" class="st_tab">Waxing</a></li>
        <li><a href="#hair-design" class="st_tab">Hair Design</a></li>
        <li><a href="#chemical-services" class="st_tab">Chemical Services</a></li>
    </ul>
</div>

JS

$("ul li a:nth-child(1)").addClass("st_first_tab");

看到这个http://jsfiddle.net/QbN7c/1/,但它工作得很好,我就像这样使用

$("ul li:nth-child(1)").addClass("st_first_tab"); 

我的意思是没有 a 标记。

2 个答案:

答案 0 :(得分:3)

这有用吗?

$("ul li:nth-child(1)").find('a:first').addClass("st_first_tab");

fiddle

答案 1 :(得分:1)

尝试:

$("ul li:nth-child(1) a:first ").addClass("st_first_tab"); //first li
$("ul li:nth-child(3) a:first ").addClass("st_first_tab"); //third li

DEMO