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');