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

时间:2011-11-11 11:54:08

标签: jquery css

默认情况下,我在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中的当前位置。我尝试过:之后和a:之前。

输出是这样的:

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

任何有用的建议表示赞赏。 在此先感谢。

2 个答案:

答案 0 :(得分:0)

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

<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 - 旧浏览器不支持此功能 - 如果你想让它与旧浏览器兼容使用类(.previous,.next,.selected等)。

答案 1 :(得分:0)

* 最后,这里是解决方案...... *

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);            
}