Question

我的页面完全在某个jquery文件中为整个应用程序设计，因此我只想在一个页面中执行以下jquery操作。

如何从具有相同类别的锚组且没有任何ID的'div'元素中删除'anchor'元素。

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

<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();

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

如何从“ div”元素中删除“ anchor”元素？

1 个答案: