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。

如何使用JQuery append（），add（）或appendTo（）将对象附加到DOM元素？

1 个答案: