заменить один DIV с другой DIV на другой HTML-страницы

Question

У меня есть 2 HTML страницы

Page 1 и 2 имеют структуру несколько, как этот

<div id="a"> 
    <div id="b"> 
    </div> 
</div> 

теперь, что я хочу сделать, это на событие щелчка Я хочу ДИВУ б страницы 1 заменяется сОн Ь страницу 2

может кто-нибудь поможет мне о том, как достичь этого

Answer 1

Ну так как вы не дали мне ничего работать я буду делать это с нуля:

$('something').click(function(){ 
    $.post('page2.php',{}, function(data){ 
      $('#b').replaceWith($('#b', $(data))); 
    }) 
}) 

Answer 2

Вам потребуется AJAX для того, чтобы получить продолжение 2. После этого вы можете использовать replaceWith.

Answer 3

Вы ищете функции загрузки JQuery.

http://api.jquery.com/load/

$('#a').load('page2.html #b'); 

Это заменит все в #a с #b от page2. Если #a содержит другие элементы, которые вы хотите сохранили вам нужно будет сделать что-то вроде:

$.get('page2.html', {}, function(data) { 
    $('#b').replaceWith($('#b', $(data))); 
}) 

Run, что всякий раз, когда вы хотите заменить #b элемент (т.е. после клика или когда.).

Answer 4

1. На странице 1, вы связываете событие щелчка к конкретной функции
2. В вашей конкретной функции вы делаете вызов Ajax к Serveur
3. Serveur дает содержание страницы 2 вы ищете
4. Тем не менее на странице 1, затем добавить содержимое, полученные от Serveur на страницу

другая возможность заключается в следующей. При обращении к странице 1 вы включаете непосредственно содержимое страницы 2. Но вы скрываете содержимое (css).

1. привязывается щелчок для конкретной функции
2. В этой функции, вы просто получите текст на странице 1, и показать его