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，它是任何具有 coffee 类的 li 的后代。您还可以将其限制为直接子元素:

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