javascript - 如何使用 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 会将元素从当前位置移动(而不是复制)到新位置。如果您之后删除它们，那么它们就消失了。

您还可以优化代码以:

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

不要忘记使用 var。