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

Question

taduko

1

0もっと見る

ウェブ制作

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

やりたいことは、

h3 class="hatena"

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

p class="hatena"

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

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

回答の条件

1人5回まで

登録：2015/05/20 03:41:11
終了：2015/05/27 03:45:04

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

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

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

リクエスト送信済

回答リクエストを送信したユーザーはいません

a-kuma3 · Answer 1 · 2015-05-20T09:31:59+09:00

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

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

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

回答（1件）

a-kuma3497321542015/05/20 09:31:59

コメント（0件)

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