我想隐藏链接之间的字符

时间:2013-12-08 08:19:25

标签: javascript jquery css

我使用remove()方法隐藏了类别标记“精选”,所以它现在隐藏了我还想用jquery隐藏逗号,但我不能。我使用remove()方法,但它也隐藏了下一个链接。所以请帮帮我一个人。感谢。

<P class="cat">
<a href="#" >Featured</a>
, 

<a href="#">Others</a>
</P>

1 个答案:

答案 0 :(得分:1)

使用jQuery select and wrap textNode

$('p').contents()
    .filter(function(){return this.nodeType === 3})
    .wrap('<span />');

我最终想出了这个

Live Demo

// select and wrap all commas
$('.cat')
  .contents()
  .filter(function() {
    return this.nodeType === 3 && $.trim(this.nodeValue)==",";
  })
  .wrap("<span class='comma' />");

// hide all links containing "Featured" as innerHTML
$(".cat").find('a:contains("Featured")').hide();

// select all visible elements
var $coll = $(".cat").children(":visible");
$coll.each(function() {
    var $this = $(this);
    if ($this.prop("tagName")=="SPAN") { 
      if ($coll.index(this)===0 || 
          $this.nextAll(":visible").prop("tagName")=="SPAN") {
        $(this).hide();
      }
    }
});