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

Answer 2

您也可以使用javascript实现此目的：

https://jsfiddle.net/dhanrajv/av1twkqs/

＆＃13;

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

＆＃13;

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

＆＃13;

如何使用javascript删除特定内容

2 个答案: