javascript jquery中的分页样式

Question

我有一个分页代码，如下所示。

我想为 span 应用 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 类，为我单击的跨度添加 num_active。

任何帮助

Answer 1

$(".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"); 
});