【replace】取得したhtmlの中にあるタグを削除して表示させる

replaceは一部、または全部の書き換えや削除などを行うことができるメソッドです。

今回は取得したhtmlの中にあるタグを削除して表示する方法について紹介していきたいと思います。

取得したhtmlの中にあるタグを削除

まずhtmlの中に下記の要素があるとします。

<div class="box">テキストテキスト<br>テキスト<span>テキスト</span><br>テキスト</div>

上記のhtmlの中には<br>タグと<span>タグが入っています。

こちらを削除したいと思います。

let tag = jQuery('.box').html();

let tab_set = tag.replace(/<\/?[^>]+>/gi, "");
jQuery('.box').html(tab_set);

let tag = jQuery('.box').html();

変数「tag」には下記の内容が格納されます。

テキストテキスト<br>テキスト<span>テキスト</span><br>テキスト

let tab_set = tag.replace(/<\/?[^>]+>/gi, "");

replaceメソッドを使うことで特定の文字を削除することができます。

replace に「gi」という文字が記述されています。

それぞれ下記の意味になります。

さきほどの記述のなかで正規表現が使われています。

それぞれの意味を見ていきましょう。

jQuery('.box').html(tab_set);

タグを削除したものをhtmlに挿入して表示させます。