javascript - 如何使用 javascript 删除特定内容

Question

我在页面上显示了这个元素:

<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>

我需要删除这个的每个实例:

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

还有其他类别也以相同的方式列出，我需要删除该特定类别元素 (span + text)。目前无法向元素添加任何特定的 class 或 id，因此必须以其他方式将其删除。

Answer 1

在您的选择器中使用类名，这样您就可以遍历元素。

然后，检查每个条目的内容，如果找到匹配项，则将当前 ref 包装在一个 jQuery 对象中并使用 remove，这将从 DOM 中删除它。

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

http://jsbin.com/vucucipeho/1/edit?html,js,output