Q&A
自信で試したことを追記してください。
また、対応結果のイメージもご提示ください
複数行記述されているh2タグをpタグに置き換えたいです。
jQueryを使用しています。
該当のソースコード
html
1// 一部省略 2<head> 3 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 4<body> 5 <div id="sidebar"> 6 <h2>hoge</h2> 7 <h2>huga</h2> 8 <h2>piyo</h2> 9 </div> 10<body>
###追記
<div id="sidebar">内の<h2>タグと</h2>タグをそれぞれ<p>と</p>に置き換えようとしています。
実行結果のイメージは以下の通りです。
html
1<body> 2 <div id="sidebar"> 3 <p>hoge</p> <!--置き換わる--> 4 <p>huga</p> 5 <p>piyo</p> 6 </div> 7<body>
これについて調べたところ、replaceWith()を使うという結果が出ましたが、一組のタグとその中身しか変えられないようでした。
回答して下さった皆さん、ありがとうございます。
最終的に、x_xさんの方法で落ち着きました。
回答3件
0
ベストアンサー
jQuery
1$('h2').contents().unwrap().wrap('<p></p>');
https://api.jquery.com/contents/
https://api.jquery.com/unwrap/
https://api.jquery.com/wrap/
投稿2020/02/03 09:03
総合スコア13749
回答ありがとうございます。
0
こんにちは
以下でいけるかと思います。
javascript
1 $('h2').replaceWith(function(){ 2 return $("<p />", { html: $(this).html() }); 3 });
- 動作確認用CodePen: https://codepen.io/jun68ykt/pen/RwNXMGo
投稿2020/02/03 07:43
総合スコア9058
命題に明記されていませんが、属性は引き継がない？
回答ありがとうございます。
あなたの回答
tips
プレビュー
