代码之家  ›  专栏  ›  技术社区  ›  Akshay

从活动类定位标记中删除一个野生“-”破折号

  •  1
  • Akshay  · 技术社区  · 6 年前

    我用过这个 https://jsfiddle.net/u9d1ewsh/ 我该怎么做才能删除它?

    $(document).ready(function () {
        $('#tblAH1').after('<div id="pager" style="" ></div>');
        var rowsShown = 5;
        var rowsTotal = $('#tblAH1 tbody tr').length;
        var numPages = rowsTotal / rowsShown;
        for (i = 0; i < numPages; i++) {
            var pageNum = i + 1;
            $('#pager').append('<a href="#" rel="' + i + '">' + pageNum + '</a> ');
        }
        $('#tblAH1 tbody tr').hide();
        $('#tblAH1 tbody tr').slice(0, rowsShown).show();
        $('#pager a:first').addClass('active');
        $('#pager a').bind('click', function () {
    
            $('#pager a').removeClass('active');
            $(this).addClass('active');
            var currPage = $(this).attr('rel');
            var startItem = currPage * rowsShown;
            var endItem = startItem + rowsShown;
            $('#tblAH1 tbody tr').css('opacity', '0.0').hide().slice(startItem, endItem).
            css('display', 'table-row').animate({ opacity: 1 }, 300);
            event.preventDefault();
        });
    });
    
    
    #pager {
                display: inline-block;
                align-items: center;
            }
    
                #pager a {
                    color: black;
                    float: left;
                    padding: 4px 8px;
                    text-decoration: none;
                }
    
                    #pager a.active {
                        background-color: #fb9a55;
                        padding: 4px 8px;
                        color: white;
                    }
    
                    #pager a:hover:not(.active) {
                        background-color: #ddd;
                    }
    

    enter image description here

    2 回复  |  直到 6 年前
        1
  •  1
  •   madalinivascu    6 年前

    添加以下css,该行可以由伪选择器生成

    .active:before,.active:after {
      content:"";
      display:none;
    }
    

    如果有像bootstrap这样的其他库,那么 active

        2
  •  0
  •   Afraz Ahmad    6 年前

    $('#pager').append('<a href="#" rel="' + i + '">' + pageNum.replace('-','') + '</a> ');