jqueryセレクターをよりエレガントに使用して、以下のコードを改善するためのより良いアプローチを適用することを理解しようとしています。
私の問題は、アプリケーションの多くのページにまたがる特定の div でユーザーに表示する別のユーザー メッセージがあり、望ましいセレクターを選択していて、いくつかの値の値に従って望ましい要素のメッセージを次のように変更することです。以下に示します。
/*Javascript*/
if (var == value) {
msg = "Msg 1 <br>";
msg = msg + "msg 1 continue... <br>"
} else if (var == value2) {
msg = "Msg 2 <br>";
msg = msg + "msg 1 continue... <br>"
}
if(msg != "") {
document.getElementById('IdSelector').style.display = 'block';
document.getElementById('IdSelector').innerHTML=msg;
}
そして、私のhtml5は以下に示されています:
<div> id="IdSelector" class="classMsg"> </div>
これにうまく対処するためのより良いアプローチ、テンプレートエンジン、または戦略はどうですか。
効果的なコード例が必要です。よろしくお願いします。