如何在WordPress分页上向上一个/下一个添加类( (paginate_links))

我修改了Wordpress functions.php以显示分页:

< ?php echo paginate_links( array( 'prev_text'=> __('Previous Page'), 'next_text'=> __('Next Page'), 'type'=> 'list' ) ); ?>

输出几乎是完美的:
< ul class="page-numbers"> < li> < span class="page-numbers current"> 1< /span> < /li> < li> < a class="page-numbers" href="https://domain.tld/page/2/"> 2< /a> < /li> … < li> < a class="page-numbers" href="https://domain.tld/page/10/"> 10< /a> < /li> < li> < a class="next page-numbers" href="https://domain.tld/page/2/"> Next Page< /a> < /li> < /ul>

有没有一种方法可以向上一个和下一个列表项li添加类?
< li class="prev-list-item"> < a class="prev page-numbers" href="http://domain.tld/page/1/"> Previous Page< /a> < /li>

【如何在WordPress分页上向上一个/下一个添加类( (paginate_links))】&
< li class="next-list-item"> < a class="next page-numbers" href="http://domain.tld/page/2/"> Next Page< /a> < /li>

#1除了直接输出函数外, 还可以将链接列表作为数组返回。然后, 你可以使用各自的功能定位下一个和上一个链接。
$links = paginate_links( array( 'prev_next'=> false, 'type'=> 'array' ) ); if ( $links ) :echo '< ul class="page-numbers"> '; // get_previous_posts_link will return a string or void if no link is set. if ( $prev_posts_link = get_previous_posts_link( __( 'Previous Page' ) ) ) : echo '< li class="prev-list-item"> '; echo $prev_posts_link; echo '< /li> '; endif; echo '< li> '; echo join( '< /li> < li> ', $links ); echo '< /li> '; // get_next_posts_link will return a string or void if no link is set. if ( $next_posts_link = get_next_posts_link( __( 'Next Page' ) ) ) : echo '< li class="next-list-item"> '; echo $next_posts_link; echo '< /li> '; endif; echo '< /ul> '; endif;

#2这是一个javascript(jQuery)解决方案。不好, 但是可以用:
(function ( $ ) { $('ul.page-numbers li a').each(function() {var $this = $(this); if ( $this.hasClass('prev') ) $this.parent('li').addClass('prev-list-item'); if ( $this.hasClass('next') ) $this.parent('li').addClass('next-list-item'); }); }( jQuery ));

< script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> < /script> < ul class="page-numbers"> < li> < span class="page-numbers current"> 1< /span> < /li> < li> < a class="page-numbers" href="https://domain.tld/page/2/"> 2< /a> < /li> …< li> < a class="page-numbers" href="https://domain.tld/page/10/"> 10< /a> < /li> < li> < a class="next page-numbers" href="https://domain.tld/page/2/"> Next Page< /a> < /li> < /ul>

只需将JavaScript代码包装在< script> < / script> 标记中, 然后将其插入到paginate_links()函数之后。

    推荐阅读