如何使用javascript删除特定内容

我将此元素显示在第页：

<span class="vc_gitem-post-category-name">Front</span>
<span class="vc_gitem-post-category-name">Category 1</span>
<span class="vc_gitem-post-category-name">Category 2</span>
<span class="vc_gitem-post-category-name">Front</span>
<span class="vc_gitem-post-category-name">Category 3</span>
<span class="vc_gitem-post-category-name">Front</span>

前面
第一类
第2类
正面
第3类
正面

我需要删除此的每个实例：

<span class="vc_gitem-post-category-name">Front</span>

前面

---

还有其他类别也以同样的方式列出，我需要删除特定的类别元素（span+text）。当前不可能向元素添加任何特定的

类

或

id

，因此必须以其他方式将其删除。

在选择器中使用类名，以便在元素上循环

然后，检查每个条目的内容，如果找到匹配项，则将当前ref包装在jQuery对象中，并使用

remove

，这将从DOM中删除它

jQuery('span.vc_gitem-post-category-name').each(function() {
  var text = this.innerHTML;
  if (text === 'Front') {
      jQuery(this).remove();
  }
});

---

您也可以通过javascript实现这一点：

var byClassName=document.querySelectorAll（'span.vc_gitem-post-category-name'）；
for（var i=byClassName.length；i--；）{
if（byClassName[i].innerHTML==='Front'）{
window.document.body.removeChild（byClassName[i]）；
}
}

前面
第一类
第2类
正面
第3类
前面

getElementsByClassName

然后选中

innerHTML

？幸运的是它已经有了一个类。。。使用你的课程。。。“删除”是指从DOM中删除，还是简单地隐藏（显示：无）这应该是

span.vc_gitem-post-category-name

才能100%准确地回答以下问题：p