javascript - 如果 Essential Grid Wordpress 插件中的价格等于 0，则无法隐藏价格

Question

嗨，我是 Javascript 和 JQuery 的新手，很抱歉，如果这是一个简单的问题，但我已经尝试解决它几个小时但没有成功......:(

我正在使用 WordPress 的 Essential Grid 插件，在厨房图片的每一帧上都有价格，其中一些是免费的，所以显示的价格是 0 美元，我一直试图做的是隐藏这个价格，如果它是 0 美元;

尝试了许多具有正确语法的选项，但没有一个有效，例如:

JQuery(document).ready(function(){
  var amount =  $('.amount').val();
  if(amount == '$0'){
  jQuery('.amount').hide();
});

$amount =  $('.amount').val();
if($amount == '$0'){
 jQuery('.amount').hide();
}

还有其他的，，，但唯一有效的是这一行...

jQuery('.amount').hide();

我尝试在 Essential Grid API/Javascript 中实现的所有这些(javascript 的特殊区域)

Answer 1

我创建了一个 jsfiddle 来建议使用“filter()”的解决方案:

https://jsfiddle.net/pqtrz3vm/

jQuery('.amount')
    .filter(function() {return $(this).text() == "$0";})
    .hide();

不过，我还演示了 $0 上的匹配必须有多准确。 (您仍然可以应用一些文本处理)