0

以下のようなページネーションコードがあります。

アクティブなページを指すスパンに num_active クラスを適用し、非アクティブなページに num を適用したいと考えています。

        <div class="pagination"> 
        <div style="clear:both;"></div>
          <span class="prev"></span>
          <span class="num" id="1">1</span> 
          <span class="num_active" id="2">2</span> 
          <span class="num" id="3">3</span> 
          <span class="num" id="4">4</span> 
          <span class="num" id="5">5</span> 
          <span class="num" id="6">6</span> 
          <span class="next"></span>
         </div>

以下のコードを試しましたが、無駄でした。

      $('.pagination span').click(function(){
        $('.pagination span').addClass('num');

        this.addClass('num_active');    
      });

私が試したのは、クリックしたスパンのページネーション div と num_active ですべてのスパンに num クラスを追加することです。

どんな助けでも

4

1 に答える 1

0 
$(".pagination span").click(function() {
  // Reset all span to `num` class
  $(".pagination span").removeClass("num_active").addClass("num"); 
  // Add `num_active` only to this.
  $(this).addClass("num_active"); 
});
于 2012-10-25T11:47:01.423 に答える