2016-03-01 86 views
1

我有以下JQuery的appendTo()爲HTML()允許

$('.toggle_questions').appendTo('#'+sectionId).show(); 

其中一期工程完美追加我的div(.toggle_questions)取代。但是,我希望它可以替換而不是每次添加。

從我的理解,這是通過html()而不是appendTo()?我只找到實例添加簡單<p>代碼,而不是實際的<div>

我已經改成了這一點,但它似乎不會做任何事情:

$('#'+sectionId).show().html($('.toggle_questions')).show(); 

需要的show(),因爲它被設置以隱藏開始。

我哪裏出錯了?謝謝!

回答

3

我將節省的$('.toggle_questions')每個出現的內容和應用它是這樣的:

var content = $('.toggle_questions').html(); 
$('#' + sectionId).html(content).show() 

這是一個更清潔的代碼,更容易維護。

+0

謝謝你類似於Rajaprabhu Aravindasamy的方法,但使用一個變量。我一定會用這個清理我的代碼。 – StackMeUp123

2

嘗試在通過HTML字符串.html()

$('#'+sectionId).html($('.toggle_questions').html()).show(); 

.html()不會接受jQuery對象作爲參數。

appendTo()將移動原始對象。如果你想用.html()做同樣的事情,那麼你必須在設置html字符串後手動刪除它。

+0

作品完美,感謝您的解釋! – StackMeUp123