前提・実現したいこと
.cloneするときに<a>を<p>に変換したいです。
該当のソースコード
こちらです。コピーのクリックで要素がコピーされますが、そのときに<a>やそのhrefを削除し、代わりに<p>に置き換えたいです。
html
1<div id="first"> 2 <div class="inner"> 3 <ul> 4 <li><a>1</a></li> 5 <li><a>2</a></li> 6 </ul> 7 </div> 8</div> 9 10<button type="button">コピー</button> 11 12<div id="second"> 13</div> 14 15<script type="text/javascript"> 16$(function(){ 17 $('button').on('click',function(){ 18 var elem = $('#first ul'); 19 var dummy = $('<div>'); 20 dummy.append(elem.clone(true)); 21 var html = dummy.html(); 22 const second = ` 23 <div class="inner"> 24 ${html} 25 </div> 26 `; 27 $('#second').html(second); 28 }); 29}); 30</script>
うるさい注文ですみませんが、バッククオートを使うあたりの処理は変えたくないです。
理想的には
var html = dummy.html();
${html}
の部分を
var html = dummy.html();
var html_p = <a>を<p>に変換;
${html_p}
のような処理にできればわかりやすいのですが、
そんな都合よくいきますか?
いろいろ方法を知りたいです。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/07 11:44
退会済みユーザー
2019/04/07 11:57
2019/04/07 12:00
退会済みユーザー
2019/04/07 12:01
2019/04/07 12:03