Tell me more ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 2 down vote favorite
1

This is my code

<ul>
<li id="menu_house" class="main_menu "><a class="main_menu " href="searchHouse.php"><span>Houses</span></a></li>
<li id="menu_apartment" class="main_menu "><a class="main_menu " href="searchApartment.php"><span>Apartments</span></a></li>
<li id="menu_building" class="main_menu "><a class="main_menu " href="searchBuilding.php"><span>Buildings</span></a></li>
</ul>

I want to add a class to first <a> tag when page is loading, I know how to add menu_house <div>, like this:

$("#menu_house").addClass("selected");

How can I add a class to the <a> tag?

share|improve this question
where is the problem? id are unique and you can add easily – diEcho May 30 '11 at 10:03

5 Answers

up vote 1 down vote accepted

In case you have multiple a tags with the main_menu class and you specifically want to add the class to the menu_house item:

$("#menu_house > a").addClass("selected");

share|improve this answer
This is actually the same as the accepted answer, only I answered it first. Oh well :( – Steve Wilkes May 30 '11 at 10:38
this is also working. thank you very much. I'm very soory. this is my first question. I think I cant accept both. – Sassi May 30 '11 at 11:42
That's ok - looks like you sorted it out - thanks :) – Steve Wilkes May 30 '11 at 15:53
up vote 2 down vote 
$("#menu_house a").addClass("selected");
share|improve this answer
this is working great. thank you very much – Sassi May 30 '11 at 11:41
up vote 1 down vote

Another approach would be:

$('ul li:first-child a').addClass('selected');
share|improve this answer
up vote 0 down vote

If #menu_house is always the first element use:

#("#menu_house a").addClass("selected");

If that's not the case use:

#("a.main_menu:first").addClass("selected");
share|improve this answer
up vote 0 down vote

You can also use the :first pseudo class Like

$('a.main_menu:first').addClass("selected");

Here is a demo http://jsfiddle.net/joycse06/geKFy/

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.