如何为第一个孩子添加课程？

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并且您的代码位于document.ready

中

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

在这里摆弄：https://jsfiddle.net/gtcjdbab/3/