jqueryを使用して特定のdiv "a.html"を "b.html"にコピーする方法

Question

すべてのページにnavbarを配置したいのですが、ナビゲーションバーを更新するたびにすべてのページで更新する必要があります。だから私は、別のhtmlファイルでnavbarを持って、すべてのページにそれをインポートしたい。このようにして、私はこの個別のファイルからnavbarを更新し、すべてのページで自動的に更新されます。 jqueryを使ってこれを行う方法はありますか？

<div id="IAmFromAHtml">Navbar<div> <div id="IAmFromBHtml">Empty Space<div> <div id="IAmFromCHtml">Empty Space<div> 

たとえば、このnavbarテキストをa.htmlからb.htmlおよびc.htmlにコピーしたいとします。

Answer 1

jQueryの​​ドキュメントは、右あなたがしようとしているまさにほとんどである上部に例があります。ファイル内のすべての共通要素を置くためとしてhttp://api.jquery.com/load/

$("#footer").load("footer.html");

を、あなたはコールバックで結果を解析するだけです。それらを別々のファイルに保管する方が簡単かもしれません。