使用 jquery、javascript、wordpress 更改分页数

Question

我有一个使用分页的 wordpress 网站，我也使用插件 Pagenavi 进行分页，但我不能将它用作我的语言编号，所以我需要使用 jquery 和 javascript 自定义代码。我的代码如下：

<div class="wp-pagenavi">
<span class="pages">ទំព័រ 1​ នៃទំព័រ 4</span>
<span class="current">1</span>
<a class="page larger" href="http://192.168.1.136:85/pic/publications/research-documents/page/2/">2</a>
<a class="page larger" href="http://192.168.1.136:85/pic/publications/research-documents/page/3/">3</a>
<a class="page larger" href="http://192.168.1.136:85/pic/publications/research-documents/page/4/">4</a>
<a class="nextpostslink" href="http://192.168.1.136:85/pic/publications/research-documents/page/2/">»</a>

我想将<a> 中的 1,2,3,4,.... 的数字更改为高棉数字，例如 ១​,២,៣, ៤... 我尝试了一些代码，但是如下不成功：

var getPagination = $("div.wp-pagenavi a.larger").length;
var findcurrent = $("div.wp-pagenavi span.current").text();
var page = '';
for(i =1;i<= getPagination;i++){            
        page = $( "div.wp-pagenavi a.larger:nth-of-type("+i+")" ).text();
        switch(i){
            case 1:
                numgl =  "១";
                break;
            case 2:
                numgl = "២";

                break;
            case 3:
                numgl = "៣";                    
                break;
            case 4:
                numgl = "៤";                    
                break;

        }
           //if it current pagination
           $("div.wp-pagenavi span.current").text(numgl);
           //for other number of pagination
           $( "div.wp-pagenavi a.larger:nth-of-type("+i+")" ).text(function( i) {   
                return numgl;           

            });

}

我试过了，但是没用，有知道的请帮帮我，谢谢

Answer 1

下面的 sn-p 将用它们的等价物替换数字 2,3,4。您可以使用此代码的变体在任何您想要的地方替换它。

var replacementArray = ['១', '២', '៣', '៤']
var $pager = $('.wp-pagenavi');
$pager.children('a').each(function() {
  var $this = $(this);
  var int = parseInt($this.text());
  $this.text(replacementArray[int - 1]);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wp-pagenavi">
  <span class="pages">ទំព័រ 1​ នៃទំព័រ 4</span>
  <span class="current">1</span>
  <a class="page larger" href="http://192.168.1.136:85/pic/publications/research-documents/page/2/">2</a>
  <a class="page larger" href="http://192.168.1.136:85/pic/publications/research-documents/page/3/">3</a>
  <a class="page larger" href="http://192.168.1.136:85/pic/publications/research-documents/page/4/">4</a>
  <a class="nextpostslink" href="http://192.168.1.136:85/pic/publications/research-documents/page/2/">»</a>
</div>