如何在<li>jQuery中激活标签？

Question

我有这样的分页

这是我的网页的javascript代码

var pagingList = $('<ul>', {class: 'pagination list-unstyled list-inline'});                                                                          
$('.page_container').append($('<div>', {class:"text-center"}).append(pagingList));                                                                    
        if (startPage > 10) {                                                                                                                                 
          var prev_page = $('<li>').append($('<a>', {href: '/bjcam/' + boardname + '/' + (startPage - 1)}).text('prev'));                                     
          pagingList.append(prev_page);                                                                                                                       
        }                                                                                                                                                     
        for (var i = startPage; i <= endPage; i++) {                                                                                                          
          if (i > maxPage) break;                                                                                                                             
          var current_page = $('<li>').append($('<a>', {href: '/bjcam/' + boardname + '/' + i}).text(i));                                                     
          pagingList.append(current_page);                                                                                                                    
        }                                                                                                                                                     
        if (maxPage > endPage) {                                                                                                                              
          var next_page = $('<li>').append($('<a>', {href: '/bjcam/' + boardname + '/' + (startPage + 10)}).text('next'));                                    
          pagingList.append(next_page);                                                                                                                       
        }                                                                                                                                                     

我想使<li>在单击此分页时激活现在，下面是我的代码，我想做

$('.pagination li').click(function() {                                                                                                                
          $('.pagination li').addClass("active")                                                                                                              
        })

点击<li> tag actived时如何制作?

Answer 1

$('.pagination li').click(function(e) {
    $('.navbar li.active').removeClass('active');
    var $this = $(this);
    if (!$this.hasClass('active')) {
        $this.addClass('active');
    }
});

Answer 2

在您的点击事件(when clicking upon li)中添加此代码。

$(this).addClass('active');