jquery - ページに特定の div をロードする

Question

ajax.loadを使用してページに特定のdivをロードしようとしています

私のjqueryコード

$('nav ul li a').click( function() { 

   var pageHref=$(this).attr('href');

   $('.main_content').load(pageHref div);

return false;
});

Answer 1

そのはず：

$('.main_content').load(pageHref + " div");

Answer 2

あなたのdivセレクターはstring

$('.main_content').load(pageHref + ' div');

Answer 3

ajax は、ページ内に外部ページをロードするために使用されます。div のコンテンツを同じページの別の div にロードする場合は、次のようなことを検討する必要があります。

$('#id_of_destination_div').html($('#id_of_source_div').html());

補足として、何を求めているかについて質問を明確にするようにしてください。この質問はちょっとあいまいです。

Answer 4

 $('.main_content').load(pageHref div);

ここの構文は正しくありません。何をしようとしているのかわかりませんが、全体をロードpageHrefしてそこから div を取得し、そこに配置する必要があるとします。$(".main_content")

その場合、次のように変更する必要があります。

 $('.main_content').load(pageHref + " div");

したがって、たとえば、pageHref は「www.mysite.com/page.html」と等しくなりますが、次のようになります。

 $('.main_content').load("www.mysite.com/page.html div");

(文字列の連結について参照してください。たとえば、ここで)

ただしdiv、セレクターとして指定すると、ページで使用可能なすべてのdiv が返されるため、id セレクターを使用する方がよい場合があります。

 $('.main_content').load(pageHref + " #some_id");

必要な要素だけを取得するために。

一部のコンテンツのみを追加する場合は、次のようにすることができます。

$('nav ul li a').click( function() { 
   var pageHref=$(this).attr('href');
   $.get(pageHref, function(res) {$(".main_content").append(res); });
   return false;
});

pageHref のすべてのコンテンツを読み込み、main_content に追加します。