使用javascript或jQuery隱藏所有帶有text或innerHTML的'a'元素，這些元素匹配數字'0'或自定義值

Question

我需要隱藏所有帶有text或innerHTML <a>元素，這些元素與數字'foo'匹配，或者使用javascript或jQuery隱藏自定義值。

<li><a href="#" class="dir">foo</a></li>

我努力了

jQuery(document).ready(function() {
    if (jquery().text().html("foo"){
        ('li >a').fadeOut()
    }
});

Answer 1

$('a:contains(foo)').hide();

完成。

要么：

var customValue = "foo"
$('a').filter(function(){
    return this.innerHTML === customValue;
}).fadeOut();

使用后面的選項，您可以更多地定制它，例如：

var customValue = "foo"
$('a').filter(function(){
    return this.innerHTML === customValue &&
           $(this).closest('div').length;
}).fadeOut();

Answer 2

一種方法，假設您正在搜索的文本正是您使用的字符串， _{無恥地偷偷} 向 Jonathan Sampson 致敬 ：

創建:exactly選擇器：

$.extend($.expr[":"], {
    exactly: function( element, index, details, collection ){
        return $(element).text() === details[3];
    }
});

像這樣使用：

$('a:exactly("foo")').fadeOut();

參考文獻：

• 喬納森桑普森：
  • 博客條目:exactly()選擇器： http ： //sampsonblog.com/279/creating-your-own-custom-jquery-filters
  • Stack Overflow問題促使創建:exactly() ： 是否有任何選擇器與文本完美匹配？