1. ホーム
  2. jquery

[解決済み] HTMLタグを変更するためにjQueryを使用しますか?

2022-06-02 19:05:13

質問

これは可能ですか?

の例です。

$('a.change').click(function(){
//code to change p tag to h5 tag
});


<p>Hello!</p>
<a id="change">change</a>

ですから、変更アンカーをクリックすると <p>Hello!</p> セクションが h5 タグに変更され、次のようになります。 <h5>Hello!</h5> になってしまいます。 pタグを削除してh5に置き換えることはできますが、実際にHTMLタグを修正する方法はないのでしょうか?

どのように解決するのですか?

dom 要素は一度作成されると、そのタグは不変だと思います。 こんな感じでやるしかないでしょう。

$(this).replaceWith($('<h5>' + this.innerHTML + '</h5>'));