與另一個DIV更換一個DIV

Question

不同的html頁面上我有2個html頁面

1和2的結構有點像這個

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

現在我想做的事是上的click事件我想第1頁的DIV b。通過頁面的DIV b來替換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從第2頁#B的一切。如果#A包含其他元素，你要保持住，你需要做的是這樣的：

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

運行，每當你要替換＃B元素（即點擊或時後）。

Answer 4

1. 在第1頁，您單擊事件綁定到特定的功能
2. 在你的特異功能，你做一個AJAX調用serveur
3. 的serveur爲您提供了2頁的您正在尋找的內容
4. 還是第1頁上，你，那麼你從serveur接收的內容添加到您的網頁

的另一種可能是以下。 訪問第1頁時，您直接包含第2頁的內容。但是您隱藏了內容（css）。

1. 您點擊綁定到特定的功能
2. 在這個功能，你只需讓你的第1頁的文本，顯示它