如何使用css不顯示

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

小提琴

Answer 2

我認為這是替換您的|最簡單的方法。 跨度文本希望您可以使用此

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

試試這個小提琴

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

演示： 小提琴

Answer 4

您可以將div的font-size設置為0並將字體大小添加到跨度。

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

小提琴

Answer 5

您可以隱藏span9並使其他范圍可見。

.span9 {
visibility: hidden;
}

.span9 span {
visibility: visible;
}