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

工作代码

Answer 2

更容易后退。

var els = document.getElementsByClassName('test');
for (var el, i = 0; i < els.length; ++i) {
  el = els[i];
  if (el.innerHTML == 'Browse') {
    el.style.display = 'none';
  }
}

Answer 3

$('.test').each(function () {
   if($(this).html()=='Browse'){
    $(this).attr("style", "display:none");
}
})