javascript - 删除 if 包含某个字符串 Javascript 不是 jquery

Question

我一次至少有 4 个按钮

<a class="test" id="4" href="#">Browse</a>
<a class="test" id="5" href="#">Browse Catalogue</a>
<a class="test" id="6" href="#">Browse Albums</a>
<a class="test" id="7" href="#">Browse people</a>

我想删除或隐藏只显示“浏览”的那个。所有其他人应该仍然可见。基本上下面的非jquery。它需要是纯 JS。

 $('.test').filter(function () {
    return $(this).text() == 'Browse';
}).hide();

感谢您的帮助。

Answer 1

如果您想保持代码的函数式风格，这是我的看法。

var tests = document.getElementsByClassName('test');

Array.prototype.filter.call(tests,function (elem) {
    return (elem.textContent || elem.innerText) === 'Browse';
}).forEach(function (elem) {
    elem.style.display = "none";
});

Working code