在分页控制中添加页码之间的管道

Question

我在Moss 2007的搜索结果页面默认设置了分页控制。我需要用管道符号分隔每个页码。

Eg: <Prev> |1|2|3|4|5|<Next>

标记是这样的:

<a>1</a>
<a>2</a>
<a>3</a>
&nbsp;4&nbsp;
<a>5</a> 

第4页中为当前页。我试了一个:after和一个:before。

输出如下:

<Prev> |1|2|3 4 5|<Next> (Note that, there is no separator between 3,4,5)

欢迎提出任何有用的建议。

Answer 1

如果您可以编辑分页控件的html，请执行以下操作(替换 ):

<a>1</a>
<a>2</a>
<a>3</a>
<span>4</span>
<a>5</a>
<a>6</a>
a:after, span:after {content:" |"}
a:last-child:after {content:""}

http://jsfiddle.net/cAwMg/5/

(注意这是css3 -旧的浏览器不支持这个-如果你想使它与旧的浏览器兼容使用类)。

Answer 2

*最后，这是解决方案…*

function replaceAll(OriginalString, SearchString, ReplaceString) {
                while (OriginalString.indexOf(SearchString) != -1) {
                    OriginalString = OriginalString.replace(SearchString, ReplaceString);
                }
                return OriginalString;
            }
function PipeLineSeparator()
{
            var sPaginationString = jQuery(".yourDiv").html();
            sPaginationString = replaceAll(sPaginationString, '&nbsp;', '<span"> | </span>');
            sPaginationString = sPaginationString.substring(0, sPaginationString.lastIndexOf("|"));
            jQuery(".yourDiv").html(sPaginationString);            
}