【jQuery】ダイナミックにDOM要素を変更する

例えば、本人控と会社控で2部印刷するような場合。
プリンタドライバの指定で2とすれば簡単にできるとする。

しかし、例えばその2部を区別したいような場合は、表頭のみ書き換えるようにしてみる場合。

<h3 class="noscreen" id="title"></h3>

※ブラウザでは表示させないが、印刷時のみ表示させる

印刷ボタンはonclickで自作関数を呼び出す。

<form class="noprint">
   <input type="button" value="印刷" onclick="print2();" id="print_button">
</form>

Javascriptの関数部は

function print2(){
	$("#title").text('講習会(本人　控)');
	window.print();
	$("#title").text('講習会(会社　控)');
	window.print();
	
	return true;
}

$("#title")でIDを指定し、text('講習会(本人　控)')でテキストを変更する。