Web制作メモ -トップへ-

[jQuery] HTML要素の属性を削除する

JavaScript2015.02.16 16:11

jQueryでHTML要素の属性を削除するにはremoveAttr()を使います。

removeAttr()の引数で、削除するHTML要素の属性を指定します。

id属性を削除する場合はremoveAttr("id")、class属性を削除する場合はremoveAttr("class")、style属性を削除する場合はremoveAttr("style")となります。

以下では、idとclassとstyleが設定されているdivのそれぞれの属性を削除しています。

HTML

<div id="test" class="test" style="font-weight:bold">テスト</div>

jQuery

$("div").removeAttr("id");
$("div").removeAttr("class");
$("div").removeAttr("style");

実行後のHTML

<div>テスト</div>