Jquery 未检索到mysql值时隐藏div
我找到了几种解决方案,可以在div为空时隐藏它们,但不与mysql检索到的值相关联Jquery 未检索到mysql值时隐藏div,jquery,Jquery,我找到了几种解决方案,可以在div为空时隐藏它们,但不与mysql检索到的值相关联 <button class="platform_category" id="platform_', $platform['platform_id'],'_category"><a href="', $platform['platform_url'],'" target="_tab">', $platform['platform_category1'],'</a></but
<button class="platform_category" id="platform_', $platform['platform_id'],'_category"><a href="', $platform['platform_url'],'" target="_tab">', $platform['platform_category1'],'</a></button>
带有class
platform\u category
的按钮具有):最好使用带有$的文本修剪。trim()
方法:
if ($.trim($(this).text()) == "") {
$(this).hide();
}
问题是$('.platform_category')实际上不是空的,因为div中总是有一个锚标记
您可以通过两种方式实现这一点,一种是通过PHP(最好的),另一种是通过JavaScript
$(function() {
$('.platform_category').each(function() {
if ($(this).find('a').html() == "") {
$(this).hide();
}
});
});
通过PHP
if ($platform['platform_category1'] != "") {
<button class="platform_category" id="platform_', $platform['platform_id'],'_category">
<a href="', $platform['platform_url'],'" target="_tab">',$platform['platform_category1'],'</a>
</button>
我将使用过滤器检查.platform\u类别的内容。见下文
$(function() {
$('.platform_category').filter(function() {
return $.trim($(this).text()) == '';
}).hide();
});
为了安全起见,您可能需要$.trim()
这个.text()
。
if ($platform['platform_category1'] != "") {
<button class="platform_category" id="platform_', $platform['platform_id'],'_category">
<a href="', $platform['platform_url'],'" target="_tab">',$platform['platform_category1'],'</a>
</button>
$(function() {
$('.platform_category').each(function() {
if ($(this).find('a').html() == "") {
$(this).hide();
}
});
});
$(function() {
$('.platform_category').filter(function() {
return $.trim($(this).text()) == '';
}).hide();
});