Remove ALL attributes

johnsmith153 · 12-12-2012, 05:49 PM

I can't seem to find a simple way to do this.

$('.section').removeAllAttr() would be nice.

$('.section').removeAttr() doesn't work where I thought it might.

So,

Code:

<div class="section hello" data-test="123" id="an-id" data-something="abc">
content
</div>

...results in...

Code:

<div>
content
</div>

It needs to work for any tag as well.

Surely this should be easy but I just can't do it.

If it's easier (or quicker for jQuery) then removing all the data- attributes is fine, as I could then do this:

Code:

$('.section').removeAllDataAttributes().removeClass();

...which would be fine for what I need.

devnull69 · 12-12-2012, 05:58 PM

This little plug-in should be able to help you

Code:

jQuery.fn.removeAttributes = function() {
  return this.each(function() {
    var attributes = $.map(this.attributes, function(item) {
      return item.name;
    });
    var elem = $(this);
    $.each(attributes, function(i, item) {
      elem.removeAttr(item);
    });
  });
}

Then you can just call

Code:

$('.section').removeAttributes();

johnsmith153 · 12-12-2012, 06:12 PM

Great thanks.

I actually saw that on Google somewhere but it looks too long winded. As long as it's as quick as a built-in jQuery function then I'm fine. Is it as quick? I have no idea.

Is there a quicker way at all?

I don't want to implement something for this that will slow the initial load down.

felgall · 12-12-2012, 06:18 PM

A lot of the jQuery calls would run a lot more JavaScript in the browser than that - jQuery runs lots of JavaScript in order to save you from having to write it yourself.