删除HTML标记的属性

Question

是否可以删除第一个HTML <div>标记的属性？所以这:

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

变

<div>aaa</div>

来自以下内容:

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

Answer 1

或纯JavaScript:

document.getElementById('id?').removeAttribute('attribute?')

Answer 2

从字面上删除它第一个元素使用.removeAttr():

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

或者在这种情况下.show()将通过删除display属性来显示元素:

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

虽然您可能希望将其缩小到其他内容,例如:

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

如果要显示第一个隐藏的,请:hidden用作选择器:

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