Как добавить класс в конкретный li с тегом привязки?

Question

это очень простая вещь. Я знаю, и я всегда использую этот тип вещей. Теперь в моем проекте я столкнулся с проблемой add class.

ниже только 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"); 

я имею в виду с вне тег.

Answer 1

Это работает?

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

fiddle

Answer 2

Try:

$("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