如何在课后删除空元素？(jQuery)

Question

我在某个类之后有一系列元素,这些元素是空的或者里面有空白区域.

<div class="post-content">
     <div class="slider-1-smart">
     --- contents of the slider ---
     </div>

     <div></div>
     <div>   </div>

     <ul>
         <li>Text 1</li>
         <li>Text 2</li>
         <li>Text 3</li>
     </ul>  
</div>

这是我到目前为止尝试的代码:

$(function() {
    $('.post-content > div:empty').each(function() {

        j(this).remove();

    });
});

该代码的结果是滑块容器也消失了.在class ="slider-1-smart"之后选择元素的方法是什么,并将其删除

请让我知道,谢谢

Answer 1

的:empty伪类仅选择是完全空元素.换句话说,如果它有空格,那么从技术上讲它不算空.

您可以选择以下所有兄弟div元素,.nextAll()然后根据修剪的HTML是否等于空字符串来过滤它们:

这里的例子

$('.post-content > .slider-1-smart').nextAll('div').filter(function() {
  return $.trim($(this).html()) === '';
}).remove();