Скройте все элементы 'a' с текстом или innerHTML, который соответствует номеру '0' или пользовательскому значению, используя javascript или jQuery

Мне нужно спрятать все<a> элементы с текстом илиinnerHTML соответствует номеру «foo» или пользовательское значение, используя javascript или jQuery.

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

я пытался

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

Ответы на вопрос(2)

Один из подходов, предполагающий, что текст, который вы ищете, этоexactly строка, которую вы используете,shamelessly stealing from paying homage to Джонатан Сэмпсон:

Создание:exactly селектор:

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

Используется так:

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

Рекомендации:

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

Ваш ответ на вопрос