2010-01-07 39 views
6

快速jquery問題:
我知道appendTo和prependTo,但有沒有像htmlTo?是的,我知道這聽起來很愚蠢,但不是像appendto和prepend那樣添加元素,而是要替換html。appendTo/prependTo但不是添加我想替換內容。 htmlTo?

$("<div>World</div>").htmlTo($("#Hello")); 

所以我希望與世界的div來替換元素中的所有內容與id你好。

編輯: 謝謝大家的答案,但我想我是不太清楚。我將很多函數鏈接到一個元素上,最後我克隆了這個元素,並且我想將它添加到其他div中。

$("#World").hide().clone().htmlTo($("#Hello")); 

是的,我可以用另一種方式寫它,但我想只有1個鏈。

+0

我更新了我的問題,也許我並不清楚。 – Pickels 2010-01-07 15:22:21

回答

4

你可以圍繞做它的其他方式:

$('#Hello').html($('#World').html()); 

或創建反轉鏈中的一個插件:

$.fn.htmlTo = function(elem) { 
    return this.each(function() { 
     $(elem).html($(this).html()); 
    }); 
} 

$('#World').htmlTo('#Hello'); 
-1

$("<div>World</div>").html($("#Hello").html());

+1

這看起來倒退了 – 2010-01-07 15:15:25

+0

這不是用$(「#Hello」)。html()的內容替換$(「

World
」)的內容嗎?因爲這不是我想要的。 – Pickels 2010-01-07 15:24:55

+0

對不起,我誤解他們的問題。你是對的。 – cfbarbero 2010-01-07 16:00:03

3

根據您的編輯,如果你不關心移動實際DIV容器只是它的內容,你可以很容易地做到:

$('#Hello').html($('#World').hide().html()); 
+0

謝謝,但我想要另一種方式。我目前選擇了$(「

World
」),而不是具有編號「Hello」的元素。 – Pickels 2010-01-07 15:24:02

2

如何:

$("<div>World</div>").appendTo($("#Hello").html('')); 
4

這應該工作以及:

$("<div>World</div>").appendTo($("#Hello").empty()); 
相關問題