Javascript JS分页第一页<；a>；活动类

我有一个JS分页代码，它的工作原理几乎和我希望的一样，除了我希望在单击前将

所选页面

类添加到第一个页码

？现在，它仅在单击当前页面后添加

(function($) {
    $(function() {
        $.widget("zpd.paging", {
            options: {
                limit: 5,
                rowDisplayStyle: 'block',
                activePage: 0,
                rows: []
            },
            _create: function() {
                var rows = $("tbody", this.element).children();
                this.options.rows = rows;
                this.options.rowDisplayStyle = rows.css('display');
                var nav = this._getNavBar();
                this.element.after(nav);
                this.showPage(0);
            },
            _getNavBar: function() {
                var rows = this.options.rows;
                var nav = $('<div>', {class: 'paging-nav'});
                for (var i = 0; i < Math.ceil(rows.length / this.options.limit); i++) {
                    this._on($('<a>', {
                        href: '#',
                        text: (i + 1),
                        "data-page": (i)
                    }).appendTo(nav),
                            {click: "pageClickHandler"});
                }
                //create previous link
                this._on($('<a>', {
                    href: '#',
                    text: '<<',
                    "data-direction": -1
                }).prependTo(nav),
                        {click: "pageStepHandler"});
                //create next link
                this._on($('<a>', {
                    href: '#',
                    text: '>>',
                    "data-direction": +1
                }).appendTo(nav),
                        {click: "pageStepHandler"});
                return nav;
            },
            showPage: function(pageNum) {
                var num = pageNum * 1; //it has to be numeric
                this.options.activePage = num;
                var rows = this.options.rows;
                var limit = this.options.limit;
                for (var i = 0; i < rows.length; i++) {
                    if (i >= limit * num && i < limit * (num + 1)) {
                        $(rows[i]).css('display', this.options.rowDisplayStyle);
                    } else {
                        $(rows[i]).css('display', 'none');
                    }
                }
            },
            pageClickHandler: function(event) {
                event.preventDefault();
                $(event.target).siblings().attr('class', "");
                $(event.target).attr('class', "selected-page");
                var pageNum = $(event.target).attr('data-page');
                this.showPage(pageNum);
            },
            pageStepHandler: function(event) {
                event.preventDefault();
                //get the direction and ensure it's numeric
                var dir = $(event.target).attr('data-direction') * 1;
                var pageNum = this.options.activePage + dir;

                //if we're in limit, trigger the requested pages link
                if (pageNum >= 0 && pageNum < this.options.rows.length) {
                    $("a[data-page=" + pageNum + "]", $(event.target).parent()).click();
                }



            }
        });
    });
})(jQuery);

（函数（$）{
$（函数（）{
$.widget（“zpd.paging”{
选项：{
限额：5，
rowDisplayStyle:'块'，
activePage:0，
行：[]
},
_创建：函数（）{
var rows=$（“tbody”，this.element）.children（）；
this.options.rows=行；
this.options.rowDisplayStyle=rows.css（'display'）；
var nav=这个；
本.元素后（nav）；
此.showPage（0）；
},
_getNavBar:函数（）{
var rows=this.options.rows；
var nav=$（''，{class:'paging nav'}）；
对于（var i=0；i=limit*num&&i=0&&pageNum

没有HTML，我无法告诉您一个现成的解决方案。但是，您可以编写jQuery：

 $("a:first-child").addClass("selected-page");

---

或者其他类似的选择器。

没有HTML，我无法告诉您一个现成的解决方案。但是，您可以编写jQuery：

 $("a:first-child").addClass("selected-page");

---

或者其他类似的选择器。

我认为您可以在创建页面链接时执行此操作

  $('<a>', {
    href: '#',
    text: (i + 1),
    "data-page": (i),
    "class": i == 0 ? "selected-page" : "" <----- ADD THIS
  })

$（“”{
href:“#”，
正文：（i+1），
“数据页”：（i），
“class”：i==0？“所选页面”：“我认为您可以在创建页面链接时执行此操作

  $('<a>', {
    href: '#',
    text: (i + 1),
    "data-page": (i),
    "class": i == 0 ? "selected-page" : "" <----- ADD THIS
  })

$（“”{
href:“#”，
正文：（i+1），
“数据页”：（i），
“class”：i==0？“所选页面”：“在您的
\u create
函数中，您正在显示第0页

this.showPage(0);

您可以通过在第一个
上进行编程单击来替换此选项

或者只需向其添加类名，而不是单击：

$("a[data-page='0']").addClass("selected-page");

在
\u create
函数中，显示的是页码0

this.showPage(0);

您可以通过在第一个
上进行编程单击来替换此选项

或者只需向其添加类名，而不是单击：

$("a[data-page='0']").addClass("selected-page");

你能发布你的HTML吗？你能发布你的HTML吗？