首页 文章

如何从'div'元素中删除'anchor'元素？ [重复]

提问于
浏览 次
1

这个问题在这里已有答案：

我的页面完全在一些jquery文件中为所有应用程序设计，所以我想在一个页面中的jquery操作下面做 .

如何从'div'元素中删除'anchor'元素，该元素具有相同类的锚并且没有任何ID .

在我的页面中我只有下面的元素 .

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

因此当我运行页面时，会显示许多锚元素，我想从中移除一个锚点，该类是'dt-button btn default'.Below是生成的代码 .

<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();
jquery html css

1 回答

  • 1

    I think you want 删除只有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();
    }
  })
});

    Working fiddle ： - https://jsfiddle.net/buq2j9n0/

    回复于

相关问题