如何使用JQuery append(),add()或appendTo()将对象附加到DOM元素？

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将移动(不是复制)从当前位置到新的元素.如果remove他们后来好了,那么他们就走了.

您还可以优化代码:

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

别忘了使用var.