remove attribute of html tag

Question

Is it possible to remove the attribute of the first html tag? So, this:

<div style="display: none; ">aaa</div>

becomes

<div>aaa</div>

from the following:

<div style="display: none; ">aaa</div>
<a href="#" style="display: none; ">(bbb)</a>
<span style="display: none; ">ccc</span>​

Many thanks in advance.

Answer 1

Yes, in fact jQuery has something for this purpose: http://api.jquery.com/removeAttr/

Answer 2

This ought to do it:

$('some_selector_here').removeAttr('style'); 

Answer 3

To remvove it from literally the first element use .removeAttr():

$(":first").removeAttr("style");

or in this case .show() will show the element by removing the display property:

$(":first").show();

---

Though you probably want to narrow it down to inside something else, for example:

$("#container :first").removeAttr("style");

If you want to show the first hidden one, use :hidden as your selector:

$(":hidden:first").show();

Answer 4

You can use the removeAttr method like this:

$('div[style]').removeAttr('style');

Since you have not specified any id or class for the div, the above code finds a div having inline style in it and then it removes that style from it.

If you know there is some parent element of the div with an id, you can use this code instead:

$('#parent_id div[style]').removeAttr('style');

Where parent_id is supposed to be the id of parent element containing the div under question.

Answer 5

You say "remove the attribute" — do you mean to remove all attributes? Or remove the style attribute specifically?

Let's start with the latter:

$('div').removeAttr('style');

The removeAttr function simply removes the attribute entirely.

Answer 6

it is easy in jQuery just use

$("div:first").removeAttr("style");

in javascript

use var divs = document.getElementsByTagName("div");

divs[0].removeAttribute("style");