Question

<div class="span9">
<span class="disabled">&lt;&lt; previous</span><span class="current numbers">1</span> | 
    <span class="numbers"><a href="/index/page:2">2</a></span> | 
    <span class="numbers"><a href="/index/page:3">3</a></span>
<span class="next"><a href="/index/page:2" rel="next">next &gt;&gt;</a></span>

我想在span之后删除' | '符号。我正在使用 cakephp分页。是否可以删除思想css或jquery或javascript。自动从库分页中获取 | 符号。

Answer 1

您可以删除所有未打包的元素，

$('.span9').html($('.span9').children());

Fiddle

Answer 2

我认为这是替换你的最简单方法在span文本中希望你可以使用这个

 $(".span9").html($(".span9").html().split('|').join(""));

try this Fiddle

Answer 3

我认为|替换为的解决方案正是您所寻找的，然后

$('span.numbers').each(function(){
    var next = this.nextSibling;
    if(next && next.nodeType==3 && next.nodeValue.trim()=='|'){
        next.nodeValue = ' ';
        //or this.parentNode.removeChild(next);
    }
})

演示：Fiddle

Answer 4

您可以将div的font-size设置为0并将字体大小添加到span。

div { font-size: 0px}
div span { font-size: 14px;padding: 3px;}

Fiddle

Answer 5

您可以隐藏span9并使其他跨距可见。

.span9 {
visibility: hidden;
}

.span9 span {
visibility: visible;
}

如何使用css显示none

5 个答案: