JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="dt-buttons">
  <a class="dt-button buttons-print btn default" tabindex="0" aria-controls="sample_2" href="#"><span>Print</span></a><br>
  <a class="dt-button buttons-copy buttons-html5 btn default" tabindex="0" aria-controls="sample_2" href="#"><span>Copy</span></a><br>
  <a class="dt-button buttons-pdf buttons-html5 btn default" tabindex="0" aria-controls="sample_2" href="#"><span>PDF</span></a><br>
  <a class="dt-button buttons-excel buttons-html5 btn default" tabindex="0" aria-controls="sample_2" href="#"><span>Excel</span></a><br>
  <a class="dt-button btn default" tabindex="0" aria-controls="sample_2" href="#"><span>Reload</span></a>
</div>

JavaScript

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