如何从“div”元素中删除“锚”元素？ [复制]答案

【问题标题】：How to remove an 'anchor' element from 'div' element? [duplicate]如何从“div”元素中删除“锚”元素？ [复制]
【发布时间】：2018-09-29 10:24:44
【问题描述】：

我的页面完全设计在一些 jquery 文件中，用于整个应用程序，所以我只想在一页中执行 jquery 操作。

如何从 'div' 元素中删除一个 'anchor' 元素，该元素具有一组具有相同类且没有任何 Id 的锚点。

在我的页面中，我只有以下元素。

<div class="tools"> </div>
</div>

所以当我运行页面时，会显示许多锚元素，我想从中删除一个锚，哪个类是“dt-button btn default”。下面是生成的代码。

<div class="dt-buttons">
<a class="dt-button buttons-print btn default" tabindex="0" aria-controls="sample_2" href="#"><span>Print</span></a>
<a class="dt-button buttons-copy buttons-html5 btn default" tabindex="0" aria-controls="sample_2" href="#"><span>Copy</span></a>
<a class="dt-button buttons-pdf buttons-html5 btn default" tabindex="0" aria-controls="sample_2" href="#"><span>PDF</span></a>
<a class="dt-button buttons-excel buttons-html5 btn default" tabindex="0" aria-controls="sample_2" href="#"><span>Excel</span></a>
<a class="dt-button btn default" tabindex="0" aria-controls="sample_2" href="#"><span>Reload</span></a>
</div>

当我尝试下面的代码时，剩余的锚点就会生效。

$(".dt-button btn default").remove();

【问题讨论】：

您的选择器错误，您正在尝试选择具有 all 那些类的元素，因此选择器应为：.dt-button.btn.default;如当前所写，选择器正在寻找<btn> 元素内的<default> 元素，该元素内的类为.dt-button。
这可能会有所帮助：Stack Overflow: How to remove an HTML element using Javascript?
@enxaneta 我看到了链接，但它的差异，因为在获得唯一的元素时，它很容易..但我的问题是没有任何唯一的 id。

标签： jquery html css

【解决方案1】：

我认为您希望删除只有 3 个类的链接dt-button,btn,default

$(document).ready(function() {
  var classestoremove = ['dt-button', 'btn', 'default'];
  $('.dt-buttons a').each(function() {
    var classes = $(this).attr('class').split(' ');
    var array3 = classes.filter(function(obj) {
      return classestoremove.indexOf(obj) == -1;
    });
    if (classes.length == 3 && array3.length == 0) {
      $(this).remove();
    }
  })
});

工作小提琴：- https://jsfiddle.net/buq2j9n0/

【讨论】：