Question

这是我的代码

<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>

我想在页面加载时向第一个<a>标记添加一个类，我知道如何添加menu_house <div>，如下所示：

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

如何在<a>代码中添加课程？

Answer 1

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

Answer 2

如果您有多个带有main_menu类的标记，并且您特别想要将该类添加到menu_house项：

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

Answer 3

另一种方法是：

$('ul li:first-child a').addClass('selected');

Answer 4

如果#menu_house始终是第一个使用元素：

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

如果不是这种情况，请使用：

#("a.main_menu:first").addClass("selected");

Answer 5

您也可以使用:first伪类Like

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

以下是演示http://jsfiddle.net/joycse06/geKFy/

将css类添加到<a> tag using javascript</a>

5 个答案: