人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jQueryの質問です。あるクラスを割り当てたh3をすべてpタグに変更したいのですが、.htmlを使うのか書き換え方法がよくわからず立ち往生しています。

やりたいことは、

h3 class="hatena"

のように、hatenaというクラス名をもつh3タグを

p class="hatena"

とpタグに変えてしまうという処理になります。

参考情報いただけると嬉しいです!

●質問者: taduko
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3

こんな感じでどうだろうか。

$("h3.hatena").each(function() {
 var tmp, newHTML;
 tmp = $("<SPAN>");
 tmp.append($(this).clone());
 newHTML = tmp.html().replace("<h3", "<p").replace("</h3>", "</p>");
 $(this).replaceWith(newHTML);
});


jsFiddle で試したのがこちら。
https://jsfiddle.net/vzhfyzo7/

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ