JavaScript jQuery中的分页样式

Question

我具有下面的分页代码。

我想将num_active类应用于跨度，哪个指向活动的页面，不活动的数字。

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

我尝试了以下代码，但徒劳无功。

      $（'。分页跨度'）。单击（function（）{        $（'。分页跨度'）。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"); 
});