的jQuery appendTo离开以前的父容器空白

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选择，你可以使用.filter()方法，检查修整内容的长度：

var $empty = $(".footer .pre-footer").filter(function() { 
    return !$.trim(this.innerHTML).length;  
    // return $.trim(this.innerHTML) === ''; 
});