-1

I don't understand, why my code is not working. I need to set the class "selected" to the first a

My code

.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>
Anil
  • 3,722
  • 2
  • 24
  • 49
Ron Ny
  • 85
  • 2
  • 8
  • 4
    Wrap your code in [document-ready](https://api.jquery.com/ready/) handler `$(function(){ //Add your code })` – Satpal Nov 24 '17 at 11:36

1 Answers1

2

$('.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>

It works.

make sure you have jquery loaded and your code is inside document.ready

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

fiddle here: https://jsfiddle.net/gtcjdbab/3/

bipen
  • 36,319
  • 9
  • 49
  • 62