【jQuery】文字列を追加する

HTMLタグの中や前後に、文字列を挿入したい場合の書き方。

コードは端折って書いてますがなんとなく読み取ってください。

元のHTML

<div id="hoge">abc</div>

タグの前に追加する

<script>
	$("#hoge").before("<b>xyz</b>");
</script>

<b>xyz</b><div id="hoge">abc</div>

タグの中の前方に追加する

<script>
	$("#hoge").prepend("<b>xyz</b>");
</script>

<div id="hoge"><b>xyz</b>abc</div>

タグの後ろに追加する

<script>
	$("#hoge").after("<b>xyz</b>");
</script>

<div id="hoge">abc</div><b>xyz</b>

タグの中の後方に追加する

<script>
	$("#hoge").append("<b>xyz</b>");
</script>

<div id="hoge">abc<b>xyz</b></div>