根据内容为空隐藏DIV

我有一个名为swiper slide的幻灯片jquery插件.我使用幻灯片一次显示来自PHP mysql查询9结果的结果.

目前我的查询代码和幻灯片代码看起来像这样......

PHP QUERY

$query = mysql_query("SELECT * FROM tblClients  
                      WHERE tblclients.package =  
                      'standard' LIMIT 0, 9", $connection); 

$query_page_2 = mysql_query("SELECT * FROM tblClients  
                             WHERE tblclients.package =  
                             'standard' LIMIT 9, 9", $connection);      

$query_page_3 = mysql_query("SELECT * FROM tblClients  
                         WHERE tblclients.package =  
                         'standard' LIMIT 18, 9", $connection); 

幻灯片代码

我的问题是,无论是使用jquery还是PHP,我如何隐藏空的幻灯片或内部没有结果.因此,如果我只返回8个结果,则第一张幻灯片应该是唯一显示的结果.

你可以使用:empty选择器

选择所有没有子元素的元素(包括文本节点).

$(function(){
     $('.swiper-slide:empty').hide()
});

或者,您可以使用简单的CSS实现它:空伪类

.swiper-slide:empty { display: none;}