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


やりたいことは、

h3 class="hatena"

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

p class="hatena"

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

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

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2015/05/20 03:41:11
  • 終了:2015/05/27 03:45:04

回答(1件)

id:a-kuma3 No.1

a-kuma3回答回数4363ベストアンサー獲得回数18002015/05/20 09:31:59

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

$("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/

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません