Question

我正在使用appendTo来移动DOM中的几个元素：

jQuery('.footer-pre-home.box.s5,.footer-two.box.s5').appendTo('.footer .copyright');

这很好用。但是，当它们被删除时，它们在前一个父节点“pre-footer”中留下一个空白字符。这使我无法在预页脚元素上使用css：empty psuedo类。

有什么方法可以在appendTo中解决这个问题吗？

原始html如下：

<div class="pre-footer">
    <div class="footer-two box s5">
        <div class="textwidget">
            <ul class="social flat">
                <li class="twitter"><a href="http://twitter.com"></a></li>
                <li class="facebook"><a href="http://facebook.com"></a></li>
                <li class="google"><a href="http://plus.google.com"></a></li>
                <li class="youtube"><a href="http://youtube.com"></a></li>
                <li class="linkedin"><a href="http://linkedin.com"></a></li>
                <li class="rssfeed"><a href="feed/"></a></li>
            </ul>
        </div>
    </div>
</div>

在appendTo之后，计算出的前页脚html如下所示：

<div class="pre-footer">
</div>

我无法删除该节点，因为其中可能存在不是appendTo目标的元素。但是，在这种情况下，不是。

Answer 1

.appendTo只接受目标，不会离开textNode，元素中有textNode，而不是使用:empty选择器，您可以使用{{1} }}方法并检查修剪内容的长度：

.filter()

jQuery appendTo在前一个父容器中留下空格

1 个答案: