さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【JQuery】特定のテキストをhtmlコードに置換する

Pocket
LINEで送る

要素の中にある特定のテキストをhtmlコードに置換する方法です。

html

<div class="textarea">
	<p>あああ</p>
	>
	<p>いいい</p>
</div>

javascript

var replaceText = $('.textarea').html();
var replaceTag = replaceText.replace('>', '<img src="/img/pan_arrow.png" alt="">');
$('.textarea').html(replaceTag);

html(jsで置換後)

<div class="textarea">
	<p>あああ</p>
	<img src="/img/pan_arrow.png" alt="">
	<p>いいい</p>
</div>

カテゴリー:基本, JQuery

コメントを残す

コメント内容