如何为第一个孩子添加课程？ [复制]

【问题标题】：How to add class to first child? [duplicate]如何为第一个孩子添加课程？ [复制]
【发布时间】：2017-11-24 11:33:48
【问题描述】：

我不明白，为什么我的代码不起作用。我需要将“selected”类设置为第一个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>

【问题讨论】：

把你的代码包装在document-ready handler $(function(){ //Add your code })

标签： jquery css-selectors

【解决方案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/

【讨论】：

我太笨了:(谢谢