javascript - 如何使用 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>