コンテナからデータを読み込むAjax

jQueryを使用すると、ページのコンテンツだけでなく、選択したコンテナーもロードできることをご存知ですか？ 次のように実行できることがわかりました。

$("#area").load("something.html #content");
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

このコードは、 something.htmlページでid コンテンツを持つコンテナを見つけ、そのコンテンツを取得してid エリアを持つコンテナにロードします。 しかし、一つだけありますが...



そして、このように見えますが、このように：

 $("#area").load("something.html #area");
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

このコードの結果は次の結果になります。

 <div id="area"> <div id="area"> <!-- stuff --> </div> </div>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

さらに、このコードはよりネストされます。



解決策は次のとおりです。

 $("#area").load("something.html #area > *");
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

デモはこちらにあります 。