ひとつのページ内に同じデータ（文字列）を複数表示する

ひとつのページ内に同じデータ（例えば、電話番号など）を、別のセクションでも表示したい場合、それぞれに書いておくと、変更があった場合に修正し忘れすることがあるので、共通データとして一箇所に書いておき、それを複数箇所に表示できるようにする。

デモページを表示

CSS

補足

• 共通データは非表示にしておく。
• レイアウトが崩れる場合は リセットCSS・共通CSS の内容を確認。

jQuery

補足

• #common-data 内の TEL-NO・FAX-NO クラスに定義した文字列を #container 内の TEL-NO・FAX-NO クラスにセットする。
• デモページで使用している jQuery のバージョンは 1.12.4 。

HTML

補足

• #common-data は #container のブロック外で定義している。