jQuery - Remove DIVs based on class name

Question

Is it possible to remove all DIVs on a page via jQuery -- keeping their content intact -- which have this pattern to them?

<div class="ExternalClass85AC900AB26A481DBDC8ADAE7A02F039">....</div>

Note that the DIVs follow this pattern:

• class name will always start with ExternalClass but will be followed by another value, never the same,

• and the DIV has no other attributes but class. (This is on SharePoint)

Thanks.

Answer 1

Yes, you can use the attribute starts with selector and the replaceWith method:

$('[class^="ExternalClass"]').filter(function() { 
  return this.attributes.length === 1; 
}). replaceWith(function() {
  return $(this).html();
});

Answer 2

$('[class^="ExternalClass"]').replaceWith(function() {
    return $(this).html();
});