在页面加载时将类添加到li类的子类中

Javascript - Add class to child of li class on page load

本文关键字:li 子类 添加 加载      更新时间:2023-09-26

我有一些简单的列表项,里面有链接元素。

在下面的例子中,我可以使用什么Javascript函数将class="selected"添加到页面加载时"coffee"列表内的链接中

<li class="coffee">
<a href="#"> ..... </a>
</li>
<li class="tea">
<a href="#"> ..... </a>
</li>
<li class="coke">
<a href="#"> ..... </a>
</li>
<li class="beer">
<a href="#"> ..... </a>
</li>

您可以将选择器项链接到目标子元素:

$('li.coffee a').addClass('selected');

这针对任何a,它是coffee类的li的后代。您还可以将其限制为直接子元素:

$('li.coffee > a').addClass('selected');