如何使用Jquery隐藏最后3个div

Question

到目前为止,我尝试使用JQuery选择最后3个div.但它似乎没有用

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

试试这个:

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