最初の子にクラスを追加するには？

Question

私のコードが機能しない理由はわかりません。私はそれが動作する最初のa

に "選択" 私のコード

.selected { 
 
    color: green 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script> 
 
    $('.find a:first').addClass('selected'); 
 
</script> 
 

 
<div class="events find"> 
 
    <ul> 
 
    <li><a href="#0">Link 1</a></li> 
 
    <li><a href="#0">Link 1</a></li> 
 
    <li><a href="#0">Link 1</a></li> 
 
    </ul> 
 
</div>

Answer 1

$('.find a:first').addClass('selected');

.selected { 
 
    color: green 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="events find"> 
 
    <ul> 
 
     <li><a href="#0">Link 1</a></li> 
 
     <li><a href="#0">Link 1</a></li> 
 
     <li><a href="#0">Link 1</a></li> 
 
    </ul> 
 
</div>

をするクラスを設定する必要があります。

あなたはjqueryのロードされ、あなたのコードはここに

<script> 
$(function(){ 
    $('.find a:first').addClass('selected'); 
}) 
</script> 

フィドルdocument.ready内部で持っていることを確認してください。//api.jquery：https://jsfiddle.net/gtcjdbab/3/