如果元素具有内容，则将元素添加到列表顶部

Question

未排序的列表返回结果

<div style="priority-content</div>
     <div style="top">has content</div>
     <div style="date">has content</div>
     <div style="date">has content</div>
     <div style="top">has content</div>
</div>

如果.top有内容在下面得到结果，我怎样才能将.top元素放到列表顶部？如果.top中的内容不应该被推到顶部。

 <div style="all-content>
 <div style="priority-content</div>
     <div style="top">has content</div>
     <div style="top">has content</div>
     <div style="date">has content</div>
     <div style="date">has content</div>
</div>
<div style="main-content"</div>
     <div style="top"></div>
     <div style="date"></div>
     <div style="date"></div>
     <div style="top"></div>
</div>
</div>

Answer 1

了解:contains()和:not()选择器。 使用两者来确定div是空还是某些内容。 然后查看this answer了解如何按班级订购。