Пагинация активной ссылки

Question

Я делаю нумерацию страниц с помощью ajax для таблицы, в которой есть несколько записей, для которых мне нужно показывать активную ссылку для каждого клика. Пожалуйста, помогите мне с этим.

      $(document).ready(function()
      {  
             ready_data();  
             function ready_data(page)  
       {  
         $.ajax({  
            url:"connection.php",  
            method:"POST",  
            data:{page:page},  
            success:function(data){  
                 $('#paginate_record').html(data); 
                //  $('.page_links').removeClass('active');
                //  $(this).addClass('active');                  
            }  
       });   }  

     $(document).on('click', '.page_links ', function(){   
         var page = $(this).attr("id");  
         ready_data(page);  
     });  
    }); 

Вот моя страница нумерации страниц

    $records_per_page = 2;  
    $page = '';  

    if(isset($_POST["page"]))  
    {  
         $page = $_POST["page"];  
    }               
    else  
    {  
         $page = 1;  
    }  
    $start_from = ($page - 1)*$records_per_page; 
    $sql = "SELECT * FROM students  LIMIT $start_from, 
    $records_per_page"; 
    $result = mysqli_query($con,$sql);

    $data .= '</table><br /><div align="center">';  
    $page_sql = "SELECT * FROM students ";  
    $page_result = mysqli_query($con, $page_sql);  
    $total_records = mysqli_num_rows($page_result);  
    $total_pages = ceil($total_records/$records_per_page);

    for($i=1; $i<=$total_pages; $i++)  
    {    

      $data.= "<span class='page_links active' 
      style='cursor:pointer;margin:10px;padding:1px;border:1px 
       solid 
      ;'id='".$i."'>".$i."</span>";  

    }

    echo $data;

Теперь, когда я хочу показывать активную ссылку для каждого клика. Я попробовал добавить класс на функцию ajax succes, также добавить активный класс на тег span, но он применяется ко всем ссылкам. Поэтому, пожалуйста, помогите мне.

Answer 1

В последнем цикле for() вы применяете класс active ко всем выходным данным, вы хотите применить это только к текущей странице ...

   for($i=1; $i<=$total_pages; $i++)  
    {    

      $data.= "<span class='page_links";
      if ( $i == $page ) {
          $data .=" active";
      }
      $data.= "' style='cursor:pointer;margin:10px;padding:1px;border:1px solid;'id='"
               .$i."'>".$i."</span>";  

    }