如何使用JQuery追加一個對象到DOM元素append（），add（）或appendTo（）？

Question

我似乎無法得到這個工作，即使我有它的想法是完全正確的。請看下面的代碼：

<script type="text/javascript> 
     ul = $(".qtrans_language_chooser"); 
     parent = ul.parent(); 
     activeLangLi = ul.children("li.active"); 

     parent.prepend('<ul class="qtrans_active_language"></ul>'); 
     activeLangUl = $(".qtrans_active_language"); 
     o = activeLangLi.appendTo(activeLangUl); 
     activeLangLi.remove(); 
</script> 

所有我想要做的就是添加activeLangLi到空activeLangUl。但是，無論我使用append（），appendTo（）還是add（），它都不會顯示出來。

Answer 1

刪除此行：

activeLangLi.remove(); 

這消除從DOM元素。 append和appendTo將移動（不是複製）從當前位置的元素到新的一個。如果你以後他們，那麼他們就不在了。

您也可以優化您的代碼：

var ul = $(".qtrans_language_chooser"); 
$('<ul class="qtrans_active_language"></ul>') 
    .prependTo(ul.parent()) 
    .append(ul.children("li.active")); 

不要忘記使用var。