ページから特定のdivだけをページ全体ではなくターゲットdivに移動する方法

Question

次のスクリプトを使用して、対象のdivだけでなくdivにページを読み込みます。これは私のインデックスに戻って、ヘッダとフッタが<div id="contentspace"></div>に詰まっているときに最も顕著です。

ここでは、divを表示する前に自分のページに配置する必要がある場所を読みました。どの方法でそれを行うのかはわかりません。これはハッシュタグなしで可能ですか？ご協力ありがとうございます

<script type="text/javascript"> 
    $(function() { 
     $('#header a').click(function() { 
      $('#contentspace').empty(); 
      $("#contentspace").load(this.href, function(response){ 
       console.log($('#content', response).html()) 
       event.preventDefault(); 
      }); 
     }); 
    }); 
</script> 

Answer 1

メソッド.load()は、URLの隣に有効なjqueryセレクタを指定するだけでページフラグメントを読み込むことができます。

$('myelement').load('page.html #content', function() { 
    ... 
}); 

ページフラグメントをロードするときに、jqueryのは、それが含まれている可能性のあるすべてのSCRIPT要素を削除することに注意してください。

あなたの例では、あなたはどうなる：

$("#contentspace").load(this.href + ' #content', function(response){ 
    ... 
}); 

Answer 2

すべてのドキュメントをお読みになりましたか？ のセクションを参照してください。ページフラグメントをjQuery APIの.load()にロードしてください。基本的には、メソッドの最初の引数としてロードするページのURLとともにセレクタを渡すだけです。