Javascript - 在页面加载时将类添加到li类的子级

Question

我有一些带有链接元素的简单列表项。

在下面的示例中，我可以使用什么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>

Answer 1

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

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

这会定位任何a，它是li类coffee的后代。您还可以将其限制为立即子元素：

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