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

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

删除一个if包含某个字符串Javascript而不是jquery

3 个答案:

Working code