How can I hide the last 3 divs using Jquery

Question

I am trying to select the last 3 divs using JQuery so far I've tried. But it doesn't seem to work

$(document).ready(function(){

  $( "div.span4:nth-child(6), div.span4:nth-child(7), div.span4:nth-child(8)" ).
    addClass( "myClass" );

});

<div class="row-fluid">

  <div class="span4"></div>
  <div class="span4"></div>
  <div class="span4"></div>
  <div class="span4"></div>
  <div class="span4"></div>
  <div class="span4"></div>
  <div class="span4"></div>
  <div class="span4"></div>

</div>

Answer 1

Try this:

$('.span4:gt(-4)').hide();
// It's simply "greater than fourth one from the end" ;)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<div class="row-fluid">

  <div class="span4">1</div>
  <div class="span4">2</div>
  <div class="span4">3</div>
  <div class="span4">4</div>
  <div class="span4">5</div>
  <div class="span4">6</div>
  <div class="span4">7</div>
  <div class="span4">8</div>

</div>